/**
 * Resources hub nav + post card presentation.
 *
 * Background selectors include .e-n-menu-item to match Mega Menu markup.
 */

/* -------------------------------------------------------------------------- */
/* Post cards                                                                  */
/* -------------------------------------------------------------------------- */

.post-card__excerpt {
	display: none;
}

@media (min-width: 1025px) {
	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type {
		grid-column: 1 / -1;
	}

	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type .post-card-wrapper > .e-con-inner {
		flex-direction: row;
		align-items: center;
	}

	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type .post-card__thumb {
		aspect-ratio: 16 / 11;
		height: 100%;
		min-width: 45%;
		flex-basis: 45%;
		padding-bottom: 0;
	}

	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type .post-card__blurb {
		flex-shrink: 1;
		padding: 24px 40px;
	}

	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type .post-card__title .elementor-heading-title {
		font-family: var(--e-global-typography-6a7fd05-font-family, var(--sw-font-heading));
		font-size: var(--e-global-typography-6a7fd05-font-size, 45px);
		font-weight: var(--e-global-typography-6a7fd05-font-weight, 600);
		letter-spacing: var(--e-global-typography-6a7fd05-letter-spacing, 0);
		line-height: var(--e-global-typography-6a7fd05-line-height, 50px);
	}

	body:not(.category-videos) .posts-loop__featured div.e-loop-item:first-of-type .post-card__excerpt {
		display: block;
	}
}

body.category-videos .posts-loop__featured div.e-loop-item:not(:first-of-type) .post-card__thumb {
	padding-bottom: 56.25% !important;
}

.elementor-post-info__terms-list {
	font-size: 0;
	line-height: 11px;
}

.elementor-post-info__terms-list a:not(:last-of-type) {
	display: none !important;
}

.elementor-post-info__terms-list a:last-of-type {
	font-size: 11px !important;
}

.e-loop-item.category-videos .post-card__cta span.elementor-button-text,
.e-loop-item.category-webinars .post-card__cta span.elementor-button-text {
	font-size: 0;
}

.e-loop-item.category-videos .post-card__cta span.elementor-button-text:before,
.e-loop-item.category-webinars .post-card__cta span.elementor-button-text:before {
	display: inline;
	content: "Watch Now";
	font-size: 16px;
	vertical-align: bottom;
}

.e-loop-item.e-loop-item-1230 .post-card__cta span.elementor-button-text:before,
.e-loop-item.e-loop-item-1415 .post-card__cta span.elementor-button-text:before {
	content: "Register";
}

/* -------------------------------------------------------------------------- */
/* Resources category mega menu                                                */
/* -------------------------------------------------------------------------- */

.resources-nav.elementor-widget-n-menu a {
	padding: 9px 16px;
}

body .resources-nav.elementor-widget-n-menu .e-n-menu-title:not(:hover) .e-n-menu-title-container .e-n-menu-title-text {
	color: var(--cat-title);
}

body .resources-nav.elementor-widget-n-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not(:hover) {
	background-color: var(--cat-bg) !important;
}

body .resources-nav.elementor-widget-n-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover,
body.page-id-673 #cat-all,
body.category-blog #cat-blog,
body.category-case-studies #cat-cs,
body.category-guides #cat-guides,
body.category-webinars #cat-webinars,
body.category-videos #cat-videos,
body.page-id-21 #cat-productivity {
	background-color: var(--cat-hover-bg) !important;
	color: var(--cat-hover-title) !important;
}

body .resources-nav.elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-title-container .e-n-menu-title-text,
body .resources-nav.elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-title-container,
body.page-id-673 #cat-all .e-n-menu-title-text,
body.category-blog #cat-blog .e-n-menu-title-text,
body.category-case-studies #cat-cs .e-n-menu-title-text,
body.category-guides #cat-guides .e-n-menu-title-text,
body.category-webinars #cat-webinars .e-n-menu-title-text,
body.category-videos #cat-videos .e-n-menu-title-text,
body.page-id-21 #cat-productivity .e-n-menu-title-text {
	color: var(--cat-hover-title) !important;
}

/* Category colour tokens (nav IDs + loop cards) */
#cat-all {
	--cat-title: var(--sw-color-pink);
	--cat-bg: var(--sw-color-tan);
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-pink);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-blog,
.e-loop-item.category-blog {
	--cat-title: var(--sw-color-marine);
	--cat-bg: #e0f2fa;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-marine);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-cs,
.e-loop-item.category-case-studies {
	--cat-title: var(--sw-color-teal);
	--cat-bg: #e8f7f5;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-teal);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-guides,
.e-loop-item.category-guides {
	--cat-title: var(--sw-color-orange);
	--cat-bg: #ffeeda;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-orange);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-webinars,
.e-loop-item.category-webinars {
	--cat-title: var(--sw-color-purple);
	--cat-bg: #f1ecfc;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-purple);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-videos,
.e-loop-item.category-videos {
	--cat-title: var(--sw-color-coral);
	--cat-bg: #ffebeb;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-coral);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}

#cat-productivity,
.e-loop-item.category-productivity-hub {
	--cat-title: var(--sw-color-body);
	--cat-bg: #e9f0f8;
	--cat-hover-title: var(--sw-color-white);
	--cat-hover-bg: var(--sw-color-body);
	--n-menu-title-color-hover: var(--cat-hover-title);
	--n-menu-title-color-active: var(--cat-hover-title);
}