/* ARTIKELEN DETAILPAGINA */

#block-olivero-content .wide-content{
	margin-inline-start: unset;
} 

.page-node-type-article .block__content article .layout--content-narrow {
  display: flex;
  flex-direction: column-reverse;
}

/*

.page-node-type-article .block__content article img,
.page-node-type-article .block__content article .wide-content{
  width: 100%;
}
*/

/* --- */


/* ARTIKELEN TILES */

.path-frontpage #block-olivero-views-block-nieuwsberichten-block-1 .block__title {
  font-size: 2rem !important;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

.path-frontpage #block-olivero-views-block-nieuwsberichten-block-1 .block__title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: black;
  margin: 12px 0 0 0;
  border-radius: 2px;
}

.path-frontpage .block-views article,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item { 
  border: 1px solid #e5e7eb; 
  border-radius: 10px; 
  padding: 1.5rem; 
  background: #ffffff; 
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); 
  transition: box-shadow 0.2s ease; 
  overflow: hidden; 
  display: flex; 
  flex-direction: column; 
  justify-content: flex-start; 
  height: 500px; 
} 

.path-frontpage .block-views article .text-content,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item{ 
  -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 

.path-frontpage .block-views article .text-content p,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item .text-content p{ 
  display: none !important;
}

.path-frontpage .block-views article .text-content p:first-of-type,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item .text-content p:first-of-type{ 
  display: block !important;
}



.path-frontpage .block-views article:hover,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item:hover { 
  border: 2px solid #3F59AB; 
  box-shadow: 0 6px 16px rgba(0,0,0,0.1); 
} 

.path-frontpage .block-views article .field--name-field-image img,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item img{ 
  width: 100%; 
  max-height: 250px; 
  object-fit: cover; 
  display: block; 
  border-radius: 6px; 
} 

.path-frontpage .block-views article header,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item header {
  padding-bottom: 20px;
}

.path-frontpage .block-views article header h2,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item header h2 { 
  margin: 0 0 1rem 0; 
  font-size: 1.4rem; 
  line-height: 1.3;
}

.path-frontpage .block-views article header h2 a:hover,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item header h2 a:hover { 
  color: #0066cc; 
} 

.path-frontpage .block-views article .node__content,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item .node__content { 
  margin-top: 0.5rem; 
  flex-grow: 1; 
} 

.path-frontpage .block-views article .node__content .text-content p,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item .node__content .text-content p { 
  margin-bottom: 0.75rem; 
  line-height: 1.5; 
  color: #444; 
} 

.path-frontpage .block-views article .node__content .text-content p:last-child,
.path-nieuws .site-main .view-content .views-view-responsive-grid__item .node__content .text-content p:last-child { 
  margin-bottom: 0; 
}

.path-frontpage .block-views .more-link a{
	padding: 7px 21px !important;
  background-color: var(--color--primary-50) !important;
  border-radius: 5px !important;
  color: white !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.path-frontpage .block-views .more-link a:hover{
	background-color: var(--main-hover-color) !important;
}

/* --- */