/**
 * #.# Insights and News Module
 *
 * Styles for template-part/modules/insights_and_news_module.php
**/

/* ── Section header ──────────────────────────────────────── */

.insights_and_news_module {
	padding: 60px 0 40px;
}

.ian-section-header {	font-family: var(--header);
	font-size: 58px;
	line-height: 106%;
	color: var(--dark-green);
	letter-spacing: -4%;
	margin: 0;

}
/* ── Listings section ────────────────────────────────────── */

.insights_and_news_module_listings {
	padding-bottom: 60px;
}

/* ── Featured post ───────────────────────────────────────── */

.ian-featured-post {
	display: block;
	text-decoration: none;
	color: inherit;
	background-color:var(--white);
	min-height: calc(100% - 75px);
}

.ian-featured-image {
	overflow: hidden;
	margin-bottom: 16px;
}

.ian-featured-image img {
	width: 100%;
	height: 460px;
	object-fit: cover;
	object-position: top center;
	display: block;
	transition: transform 0.5s ease;
}

.ian-featured-post:hover .ian-featured-image img {
	transform: scale(1.04);
}

.ian-featured-content {
  padding: 4px 20px 0;
}

.ian-category.our-news {
  background-color: var(--light-green);
}
.ian-category.newsletters {
  background-color: var(--purple);
}

/* ── Shared category label ───────────────────────────────── */



.ian-category {
  line-height: 24px;
  color: var(--dark-green);
  font-size: 15px;
  font-family: var(--header);
  padding: 10px 15px;
  display: block;
  transition: all ease-in-out 0.2s;
}


.ian-category.comment-opinion {background-color:var(--teal);}
.ian-category.webinars {background-color:var(--purple);}

/* ── Featured title ──────────────────────────────────────── */

.ian-featured-title {
	font-family: var(--header);
	font-size: 38px;
	line-height: 42px;
	color: var(--dark-green);
	margin: 0;

	letter-spacing: -3%;
}
.light-grey-line {background-color:var(--light-grey);display:block;width:100%;height:1px;margin:32px 0;}
/* ── Secondary posts ─────────────────────────────────────── */

.ian-secondary-posts {
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
}

/* Each row: flex column — category always on top, swap zone below */

.ian-secondary-post {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	background-color:var(--white);
	margin-bottom:20px
}

.ian-secondary-post:has(.ian-category.comment-opinion) {background-color: var(--light-teal);}
.ian-secondary-post:has(.ian-category.webinars) {background-color: var(--light-purple);}

/* Category sits above the swap zone and never moves */

.ian-secondary-post .ian-category {
	flex-shrink: 0;
	color: var(--dark-green)!important;
}

/* ── Swap zone — contains default (date + title) and excerpt ── */

.ian-swap-zone {
  position: relative;
  min-height: 172px;
  overflow: hidden;
  padding: 10px;
}

/* Default state: date + title */

.ian-secondary-default {
	transition: opacity 0.3s ease, transform 0.3s ease;
	width: calc(100% - 80px); width: 100%;
}

.ian-date {
	display: block;
	font-family: var(--news);
	font-size: 14px;
	letter-spacing: -3%;
	line-height:24px;
	color: var(--dark-green);
	margin-bottom: 6px;
}

.ian-title {
	font-family: var(--header);
	font-size: 20px;
	line-height: 22px;
	color: var(--dark-green);
	margin: 0;
	letter-spacing: -2%;
}

/* Excerpt: hidden by default, fades in on hover */

.ian-excerpt {
	font-family: var(--news);
	font-size: 19px;
	line-height: 22px;
	color: var(--dark-green)!important;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	padding: 10px;
	letter-spacing: -2%;
	width: calc(100% - 80px);
	/* amend */
	font-family: var(--fancy-light);
  font-size: 15px;
}

.ian-secondary-post:hover .ian-secondary-default {
	opacity: 0;
	transform: translateY(-8px);
}

.ian-secondary-post:hover .ian-excerpt {
	opacity: 1;
	transform: translateY(0);
}

.show-on-hover {background-image:url(../../../img/2026-link-arrow.svg);width:61px;height:61px;
background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:60px;right:40px;opacity:0;transition: opacity 0.1s ease 0.1s;z-index: 10;}

.ian-featured-post:hover .show-on-hover,
.ian-secondary-post:hover .show-on-hover {opacity:1}


.ian-secondary-post .show-on-hover {top: 13px;  right: 15px;}

.insights_and_news_module_listings .css-view-all {float:right}

.ian-featured-content .excerpt {
  padding-top: 10px;
	font-size: 19px;
	line-height: 22px;
	color: var(--dark-green)!important;
	padding-bottom: 25px;
}


/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
	.ian-section-header {
		font-size: 28px;
	}

	.ian-featured-image img {
		height: 320px;
	}

	.insights_and_news_module_listings .col-lg-8 {
		margin-top: 24px;
	}
}

@media (max-width: 768px) {
	.insights_and_news_module {
		padding: 40px 0 24px;
	}

	.ian-featured-image img {
		height: 240px;
	}

  .ian-featured-title {
    font-size: 22px;
    line-height: 22px; line-height: 25px;
  }
}

@media (max-width: 600px) {

}