/* ============================================
   CSS Variables - Design System
   ============================================ */
:root {
  /* Colors */
  --color-primary: #c7a685;
  --color-primary-alt: #c8a585;
  --color-secondary: #ecc59e;
  --color-accent: #6d492f;
  --color-text-primary: #0c0c0c;
  --color-text-secondary: #4e4e4e;
  --color-text-tertiary: #747474;
  --color-text-black: black;
  --color-white: white;
  --color-background-light: #fafafa;
  --color-border: #e3e3e3;
  --color-transparent: transparent;

  /* Typography */
  --font-family-primary: "Raleway", sans-serif;
  --font-size-xs: 13px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 27px;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --line-height-normal: normal;
  --line-height-base: 25px;
  --line-height-lg: 35px;

  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 9px 20px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 30px 10px;
  --spacing-container: 20px 0;

  /* Border Radius */
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 10px;

  /* Shadows */
  --shadow-none: none;
}

/* ============================================
   Home Smart Slider Section
   ============================================ */

#smart-slider-home .block.smart-blog-home-latest-news.container {
  padding: 0 !important;
}

#smart-slider-home h2.title_block.smart-title-shape-full-width {
  display: none !important;
}

#smart-slider-home .smart-blog-home-news-box {
  box-shadow: var(--shadow-none) !important;
}

.smart-blog-home-latest-news .sds_post_title.sds_post_title_home a {
  color: var(--color-text-primary) !important;
  font-size: var(--font-size-lg) !important;
  line-height: var(--line-height-lg) !important;
}

.smart-blog-home-latest-news .sds_post_title.sds_post_title_home a {
  font-family: var(--font-family-primary) !important;
  font-weight: var(--font-weight-bold) !important;
}

.smart-blog-home-news-date {
  position: absolute !important;
  top: 0 !important;
  left: 40px !important;
  display: flex !important;
  width: fit-content !important;
  padding: var(--spacing-sm) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  border-radius: var(--radius-sm) !important;
  font-size: var(--font-size-md) !important;
  font-weight: var(--font-weight-extra-bold) !important;
}

.smart-blog-home-news-date i.icon.icon-calendar {
  display: none !important;
}

.smart-blog-home-news-date .sds_post_date {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  font-family: var(--font-family-primary) !important;
  text-align: center !important;
}

.smart-blog-short-description {
  padding-bottom: var(--spacing-md) !important;
  border-bottom: 1px solid var(--color-border) !important;
  color: var(--color-text-tertiary) !important;
  font-size: var(--font-size-md) !important;
}

a.mor {
  display: flex !important;
  margin-top: var(--spacing-md) !important;
  color: var(--color-text-secondary) !important;
  font-size: var(--font-size-md) !important;
  font-weight: var(--font-weight-bold) !important;
  text-decoration: underline !important;
}

.smart-blog-home-news-box img {
  display: flex !important;
  overflow: hidden !important;
  border-radius: var(--radius-sm) !important;
}

#smblog_home_latest {
  float: none !important;
}

/* ============================================
   Sidebar & Search Blocks
   ============================================ */

div#smartblogsearch,
div#recent_article_smart_blog_block_left,
.block-categories.block.smart-block.hidden-sm-down {
  padding: var(--spacing-lg) !important;
  background: var(--color-background-light) !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-none) !important;
}

.smart-block .smart_blog_sidebar_title {
  display: block !important;
  margin-bottom: 1rem !important;
  font-family: inherit !important;
  color: var(--color-text-black) !important;
}

.smartblog-full-width .smart-block .category-sub-menu > li > a {
  margin: 0 !important;
  border: none !important;
  color: var(--color-text-black) !important;
  text-decoration: none !important;
}

/* ============================================
   Blog Post Listings
   ============================================ */

.smart-blog-posts-info .comment-count-number {
  background: var(--color-primary) !important;
}

.smart-blog-post-title-date .title {
  display: flex !important;
  color: var(--color-text-black) !important;
  font-family: inherit !important;
  font-size: var(--font-size-sm) !important;
  line-height: var(--line-height-normal) !important;
}

.smart-blog-post-title-date .info {
  color: var(--color-primary) !important;
  font-family: inherit !important;
  font-size: var(--font-size-xs) !important;
}

.smart-blog-post-content ul li .image img {
  border-radius: var(--radius-sm) !important;
}

.smart-blog-posts-short-description,
.smart-blog-posts-header-area .smart-blog-posts-info {
  color: var(--color-text-black) !important;
  font-family: inherit !important;
}

.smart-blog-posts-short-description {
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base) !important;
}

.smart-blog-posts-header-area .smart-blog-posts-info {
  font-size: var(--font-size-sm) !important;
}

.smart-blog-posts-header-area .smart-blog-posts-info span {
  color: var(--color-text-black) !important;
}

.articleContent img.imageFeatured {
  width: 100% !important;
  border-radius: var(--radius-sm) !important;
}

/* ============================================
   Pagination
   ============================================ */

div#pagination_bottom {
  width: 100% !important;
}

.smart-blog-bottom-pagination .pagination li .page-link.page-active {
  background: var(--color-primary-alt) !important;
}

/* ============================================
   Breadcrumb
   ============================================ */

body .breadcrumb.smart-blog-breadcrumb {
  padding: var(--spacing-container) !important;
  box-shadow: var(--shadow-none) !important;
}

/* ============================================
   Blog Post Detail Page
   ============================================ */

#module-smartblog-details .page-content {
  box-shadow: var(--shadow-none) !important;
}

#module-smartblog-details .articleContent img {
  border: none !important;
}

.smart-blog-single-post-title {
  color: var(--color-text-black) !important;
  font-weight: var(--font-weight-bold) !important;
}

body .smart-blog-sing-blog-content > p > span {
  color: var(--color-text-black) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base) !important;
}

.smart-blog-sing-blog-content > h2,
.smart-blog-sing-blog-content > h3,
.smart-blog-sing-blog-content > h4,
.smart-blog-sing-blog-content > h5,
.smart-blog-sing-blog-content > h6 {
  color: var(--color-text-black) !important;
}

body .smart-blog-sing-blog-content > p {
 color: var(--color-text-black) !important;
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base) !important;
}

.smart-blog-sing-blog-content a {
  color: var(--color-accent) !important;
  text-decoration: underline !important;
}

.smart-blog-sing-blog-content a:hover {
  color: var(--color-text-black) !important;
}

.smart-blog-posts-navigation a.btn.btn-default.button.button-small {
  background: var(--color-transparent) !important;
  color: var(--color-primary) !important;
}

span.reading-time > span:first-child {
  display: flex !important;
  margin-left: var(--spacing-xs) !important;
  padding: var(--spacing-xs) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  border-radius: var(--radius-xs) !important;
  font-weight: var(--font-weight-semibold) !important;
}

/* ============================================
   Category Page
   ============================================ */

#module-smartblog-category .page-content {
  box-shadow: var(--shadow-none) !important;
}

.smartg-blog-category-banner-images-and-content {
  overflow: hidden !important;
  background: #fafafa !important;
  border-radius: var(--radius-md) !important;
}

.smartg-blog-category-banner-images-and-content:before {
  background: var(--color-transparent) !important;
}

.smartg-blog-category-banner-content {
  padding: var(--spacing-xl) !important;
}

body .smart-blog-cat-description {
  font-family: var(--font-family-primary) !important;
}

#module-smartblog-search .page-content {
  box-shadow: var(--shadow-none) !important;
}

.styletablebruxelles {
 overflow-x: auto;
}