:root{
	--tfm-hero-post-margin: calc(var(--post-margin) / 2);
	--tfm-hero-arrow-background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
	--tfm-hero-arrow-next-background: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
	--tfm-hero-arrow-color: var(--white);
}

.tfm-hero-wrapper {
	padding-left: calc(var(--wrapper-side-gutter));
	padding-right: calc(var(--wrapper-side-gutter));
	margin-top: var(--global-primary-elements-margin);
}
.tfm-hero-wrapper[data-margins="true"][data-layout="carousel"]:not([data-centermode="true"]) {
	padding: 0 var(--tfm-hero-post-margin);
}
.tfm-hero-wrapper[data-margins="false"] {
	padding:0 var(--wrapper-side-gutter);
}
.tfm-hero-wrapper[data-margins="false"][data-fullwidth="true"],
.tfm-hero-wrapper[data-margins="true"][data-fullwidth="true"][data-centermode="true"] {
	padding:0;
}
body:not(.has-tfm-ad-before-header):not(.has-tfm-ad-after-header):not([class*="header-default"]):not(.header-logo-below-nav).has-overlay-header .tfm-hero-wrapper[data-fullwidth="true"][data-margins="false"],
body:not(.has-tfm-ad-before-header):not(.has-tfm-ad-after-header):not([class*="header-default"]):not(.header-logo-below-nav).has-full-width-header .tfm-hero-wrapper[data-fullwidth="true"][data-margins="false"] {
	margin:0;
}
.tfm-hero {
	width:100%;
	max-width: calc(var(--site-max-width) + var(--post-margin));
	margin:auto;
}
.tfm-hero[data-margins="false"],
.tfm-hero.slider {
	max-width: var(--site-max-width);
	gap:0;
}
.tfm-hero[data-centermode="true"] {
	max-width: var(--site-max-width);
}
.tfm-hero[data-fullwidth="true"] {
	max-width: 100%;
}
.tfm-hero .slick-list {
	border-radius: var(--post-thumbnail-border-radius);
}
.tfm-hero[data-fullwidth="true"][data-margins="false"] .slick-list,
.tfm-hero[data-fullwidth="true"][data-centermode="true"] .slick-list {
	border-radius: 0;
}
/* -------------------------------------------------------------------------- */
/*	Article margins/widths
/* -------------------------------------------------------------------------- */

.tfm-hero:not([data-margins="false"]).slick-initialized article {
	margin: 0 var(--tfm-hero-post-margin);
	flex: 0 1 100%;
}
.tfm-hero.slider:not([data-centermode="true"]).slick-initialized article {
	margin: 0;
}
.tfm-hero[data-margins="false"].cols-7 article {
	flex-basis: calc(100% / 7);
}
.tfm-hero[data-margins="false"].cols-6 article {
	flex-basis: calc(100% / 6);
}
.tfm-hero[data-margins="false"].cols-5 article {
	flex-basis: calc(100% / 5);
}
.tfm-hero[data-margins="false"].cols-4 article {
	flex-basis: calc(100% / 4);
}
.tfm-hero[data-margins="false"].cols-3 article {
	flex-basis: calc(100% / 3);
}
.tfm-hero[data-margins="false"].cols-2 article {
	flex-basis: calc(100% / 2);
}
.tfm-hero[data-margins="false"].cols-1 article {
	flex-basis: calc(100% / 1);
}
.tfm-hero[data-margins="false"] .article *[class*="thumbnail"] {
	border-radius: 0;
}
/* -------------------------------------------------------------------------- */
/*	Prevent jumping before/after initialization
/* -------------------------------------------------------------------------- */
.tfm-hero.carousel[data-slidestoshow="6"] .article:nth-child(n+7) {
	display:none;
}
.tfm-hero.carousel[data-slidestoshow="6"].slick-initialized .article {
	width:100vw;
}
.tfm-hero.carousel[data-slidestoshow="6"].slick-initialized .article:nth-child(n+7) {
	display:flex;
}
.tfm-hero.carousel[data-slidestoshow="5"] .article:nth-child(n+6) {
	display:none;
}
.tfm-hero.carousel[data-slidestoshow="5"].slick-initialized .article {
	width:100vw;
}
.tfm-hero.carousel[data-slidestoshow="5"].slick-initialized .article:nth-child(n+6) {
	display:flex;
}
.tfm-hero.carousel[data-slidestoshow="4"] .article:nth-child(n+5) {
	display:none;
}
.tfm-hero.carousel[data-slidestoshow="4"].slick-initialized .article {
	width:100vw;
}
.tfm-hero.carousel[data-slidestoshow="4"].slick-initialized .article:nth-child(n+5) {
	display:flex;
}
.tfm-hero.carousel[data-slidestoshow="3"] .article:nth-child(n+4) {
	display:none;
}
.tfm-hero.carousel[data-slidestoshow="3"].slick-initialized .article {
	width:100vw;
}
.tfm-hero.carousel[data-slidestoshow="3"].slick-initialized .article:nth-child(n+4) {
	display:flex;
}
.tfm-hero.carousel[data-slidestoshow="2"] .article:nth-child(n+3) {
	display:none;
}
.tfm-hero.carousel[data-slidestoshow="2"].slick-initialized .article {
	width:100vw;
}
.tfm-hero.carousel[data-slidestoshow="2"].slick-initialized .article:nth-child(n+3) {
	display:flex;
}
.tfm-hero.slider[data-slidestoshow="1"] .article:nth-child(n+2) {
	display:none;
}
.tfm-hero.slider[data-slidestoshow="1"].slick-initialized .article:nth-child(n+2) {
	display:flex;
}
/* -------------------------------------------------------------------------- */
/*	Arrows/pagination
/* -------------------------------------------------------------------------- */
.tfm-hero[data-arrows="false"] button[class*="slick"] {
	display:none !important;
}
.tfm-hero button[class*="slick"] {
	position: absolute;
	top:0;
	left: var(--tfm-hero-post-margin);
	z-index:2;
	height:100%;
	width:18.5%; /* same as hero.js centerpadding */
	border-radius: var(--post-thumbnail-border-radius) 0 0 var(--post-thumbnail-border-radius);
	background: var(--tfm-hero-arrow-background);
	color: var(--tfm-hero-arrow-color);
	font-size: 0;
	transition: all 0.3s ease;
	opacity: 0;
	backdrop-filter: var(--tfm-hero-arrow-backdrop-filter, none);
}
.tfm-hero button.slick-next {
	left:auto;
	right: var(--tfm-hero-post-margin);
	background: var(--tfm-hero-arrow-next-background);
	border-radius: 0 var(--post-thumbnail-border-radius) var(--post-thumbnail-border-radius) 0;
}
.tfm-hero[data-margins="false"] button[class*="slick"],
.tfm-hero[data-centermode="true"] button[class*="slick"],
.tfm-hero.slider[data-centermode="false"] button[class*="slick"] {
	left:0;
}
.tfm-hero[data-margins="false"] button.slick-next,
.tfm-hero[data-centermode="true"] button.slick-next,
.tfm-hero.slider[data-centermode="false"] button.slick-next  {
	left:auto;
	right:0;
}
.tfm-hero[data-fullwidth="true"][data-margins="false"] button[class*="slick"] {
	border-radius: 0;
}
.tfm-hero[data-fullwidth="true"][data-centermode="true"] button[class*="slick"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tfm-hero[data-fullwidth="true"][data-centermode="true"] button.slick-next {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tfm-hero.slider:hover button[class*="slick"],
.tfm-hero.carousel[data-centermode="false"]:hover button[class*="slick"],
.tfm-hero.carousel[data-centermode="true"] button[class*="slick"]:hover {
	opacity: 1;
}
.tfm-hero.carousel button[class*="slick"]:hover {
	opacity: 1;
}
.tfm-hero button[class*="slick"]::before {
	font-family: fontello;
	content: '\e802';
	position: absolute;
	top:calc(50% - 20px);
	left:calc(50% - 12px);
	font-size: 32px;
	font-weight: normal;
}
.tfm-hero button.slick-next::before {
	content: '\e803';
	left:auto;
	right: calc(50% - 12px);
}

/* Default w/margins no centermode */
.tfm-hero.carousel button[class*="slick"] {
	width: 17.2%;
}
.tfm-hero.carousel[data-slidestoshow="6"] button[class*="slick"] {
	width:calc(100% / 6 - (var(--tfm-hero-post-margin) * 2));
}
/* no margins no centermode */
.tfm-hero.carousel[data-slidestoshow="6"][data-margins="false"] button[class*="slick"] {
	width:calc(100% / 6);
}
/* centermode w/margins */
.tfm-hero[data-centermode="true"][data-margins="true"] button[class*="slick"] {
	width: calc(18.5% -  var(--tfm-hero-post-margin));
}
.tfm-hero[data-centermode="true"][data-margins="true"][data-slidestoshow="2"] button[class*="slick"] {
	width: calc(16.66% - var(--tfm-hero-post-margin));
}
.tfm-hero[data-centermode="true"][data-margins="true"][data-slidestoshow="3"] button[class*="slick"] {
	width: calc(12.5% - var(--tfm-hero-post-margin));
}
.tfm-hero[data-centermode="true"][data-margins="true"][data-slidestoshow="4"] button[class*="slick"] {
	width: calc(10% - var(--tfm-hero-post-margin));
}
.tfm-hero[data-centermode="true"][data-margins="true"][data-slidestoshow="5"] button[class*="slick"] {
	width: calc(8.33% - var(--tfm-hero-post-margin));
}
.tfm-hero[data-centermode="true"][data-margins="true"][data-slidestoshow="6"] button[class*="slick"] {
	width: calc(7.14% - var(--tfm-hero-post-margin));
}
/* centermode no margins */
.tfm-hero[data-centermode="true"][data-margins="false"] button[class*="slick"] {
	width: 18.5%;
}
.tfm-hero[data-centermode="true"][data-margins="false"][data-slidestoshow="2"] button[class*="slick"] {
	width: 16.66%;
}
.tfm-hero[data-centermode="true"][data-margins="false"][data-slidestoshow="3"] button[class*="slick"] {
	width: 12.5%;
}
.tfm-hero[data-centermode="true"][data-margins="false"][data-slidestoshow="4"] button[class*="slick"] {
	width: 10%;
}
.tfm-hero[data-centermode="true"][data-margins="false"][data-slidestoshow="5"] button[class*="slick"] {
	width: 8.33%;
}
.tfm-hero[data-centermode="true"][data-margins="false"][data-slidestoshow="6"] button[class*="slick"] {
	width: 7.14%;
}
@media (max-width: 1199px) {
	.tfm-hero {
		--tfm-hero-post-margin: calc(var(--large-mobile-post-margin) / 2);
	}
	.tfm-hero:not([data-fullwidth="true"]) {
	  max-width: calc(var(--large-mobile-site-max-width));
	  transition: all 0.3s ease;
	}
	.tfm-hero.carousel:not([data-fullwidth="true"]):not([data-centermode="true"]) {
		max-width: calc(var(--large-mobile-site-max-width) + (var(--tfm-hero-post-margin) * 2));
	}
}
@media (max-width: 1060px) {
	.tfm-hero {
		--tfm-hero-post-margin: calc(var(--mobile-post-margin) / 2);
	}
	#tfm-hero:not([data-fullwidth="true"]) {
	  max-width: var(--mobile-site-max-width);
	}
	#tfm-hero.carousel:not([data-fullwidth="true"]):not([data-centermode="true"]) {
	  max-width: calc(var(--mobile-site-max-width)  + (var(--tfm-hero-post-margin) * 2));
	}
}
@media (max-width:768px) {
	/* slider no more centerpadding  */
	.tfm-hero-wrapper[data-margins="true"][data-fullwidth="true"][data-centermode="true"][data-layout="slider"] {
		padding: 0 var(--wrapper-side-gutter);
	}
	.tfm-hero.slider:not([data-margins="false"]).slick-initialized article {
		margin:0;
	}
	#tfm-hero[data-centermode="true"][data-margins="false"] button[class*="slick"] {
		width: 12.5%;
	}
	.tfm-hero.slider[data-fullwidth="true"][data-centermode="true"] button[class*="slick"] {
		border-radius: var(--post-thumbnail-border-radius) 0 0 var(--post-thumbnail-border-radius);
	}
	.tfm-hero.slider[data-fullwidth="true"][data-centermode="true"] button.slick-next {
		border-radius: 0 var(--post-thumbnail-border-radius) var(--post-thumbnail-border-radius) 0;
	}
}
@media (max-width:569px) {
	.tfm-hero-wrapper {
		margin-top: var(--post-margin);
	}
	.tfm-hero-wrapper[data-margins="true"][data-fullwidth="true"][data-centermode="true"],
	.tfm-hero-wrapper[data-margins="true"][data-layout="carousel"] {
		padding: 0 var(--wrapper-side-gutter);
	}
	.tfm-hero:not([data-margins="false"]).slick-initialized article {
	  margin: 0;
	}
	.tfm-hero[class*="cols"] .entry-title {
		font-size: var(--h1-font-size);
	}
	.tfm-hero.post-grid .article.cover.has-post-media[class*="thumbnail-"]::before {
		padding-bottom: var(--tfm-hero-mobile-aspect-ratio, var(--thumbnail-landscape-padding));
	}
	 /*	arrow */
	 .tfm-hero button[class*="slick"] {
		left:0;
	}
	.tfm-hero button.slick-next {
		left:auto;
		right: 0;
	}
	.tfm-hero[data-fullwidth="true"][data-centermode="true"] button[class*="slick"] {
		border-radius: var(--post-thumbnail-border-radius) 0 0 var(--post-thumbnail-border-radius);
	}
	.tfm-hero[data-fullwidth="true"][data-centermode="true"] button.slick-next {
		border-radius: 0 var(--post-thumbnail-border-radius) var(--post-thumbnail-border-radius) 0;
	}
}