/* panel_personas_wrapper */

.personas-outer {
	--transition-params: 0.1s ease-in-out;
	opacity: 0;
	position: relative;
	transition: opacity var(--transition-params);
}

.personas-outer.js-loaded {
	opacity: 1;
}

.personas-outer-heading .mobile {
	min-height: 100px;
	background-color: var(--blue-dark);
	display: flex;
	padding: 0 36px;
	align-items: center;
}

.personas-outer-heading .mobile svg {
	width: 222.39px;
}

.personas-outer-heading .desktop {
	display: none;
}

.contentRender_name_plugins_common_persona:nth-of-type(7) ~ .contentRender_name_plugins_common_persona {
	display: none;
}

@media (min-width: 64em) {
	.personas-outer-heading .mobile {
		display: none;
	}

	.personas-outer-heading .desktop {
		display: block;
		position: absolute;
		top: 188px;
		left: 50%;
		transform: translateX(-50%);
		width: 392.4px;
		height: 216.81px;
		pointer-events: none;
		z-index: 2;
	}

	.personas-outer-list {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr);
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		width: 100%;
		height: 668px;
	}

	.personas-outer-list > * {
		height: 100%;
	}
}

/* panel_personas_wrapper overlay */

.personas-outer-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(100%);
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 3;
	transition: transform var(--transition-params);
}

.personas-outer-overlay.active {
	display: block;
	transition: transform var(--transition-params);
}

.personas-outer-overlay.transition {
	transform: translateX(0%);
}

.persona-overlay-item {
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity var(--transition-params);
	padding: 30px 26px;
}

.persona-overlay-item.active {
	display: block;
	transition: opacity var(--transition-params);
}

.persona-overlay-item.transition {
	opacity: 1;
}

.persona-overlay-item > * {
	position: relative;
	z-index: 5;
}

.persona-overlay-item .persona-overlay-item-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.persona-overlay-item .persona-overlay-item-image {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	pointer-events: none;
}

.persona-overlay-item .persona-overlay-item-image img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

.persona-overlay-item .persona-overlay-item-image:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 193px;
	background: transparent linear-gradient(180deg, #211E1C00 0%, #211E1C 100%) 0% 0% no-repeat padding-box;
	z-index: 3;
}

@media(min-width: 64em) {
	.persona-overlay-item.active {
		display: grid;
	}

	.persona-overlay-item {
		padding: 0;
		grid-template-areas:
			"text collections"
			"logo nav";
		grid-template-columns: 3.82fr 10.58fr;
		grid-template-rows: 520px auto;
	}

	.persona-overlay-item-info {
		grid-area: text;
	}

	.persona-overlay-item-logo {
		grid-area: logo;
	}

	.persona-overlay-item-nav {
		grid-area: nav;
	}

	.persona-overlay-item-collections {
		grid-area: collections;
	}

	.persona-overlay-item .persona-overlay-item-image {
		display: block;
	}

	.persona-overlay-item .persona-overlay-item-color {
		opacity: 90%;
	}
}

/* panel_persona_overlay item inner */

.persona-overlay-item-info {
	position: relative;
}

.persona-overlay-item-title {
	min-height: 60px;
	font-family: var(--bebas);
	font-size: 50px;
	line-height: 1.04;
	color: var(--white);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-right: 40px;
}

.persona-overlay-item-subtitle {
	font-weight: 500;
}

.persona-overlay-back-btn {
	position: absolute;
	top: 5px;
	right: 13px;
	font-size: 16px;
	font-family: var(--bebas);
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1px;
	background: none;
}

.persona-overlay-back-btn:hover {
	background: none;
	color: var(--white);
}

.persona-overlay-back-btn i {
	font-size: 12px;
	border-radius: 50%;
	border: 1px solid var(--white);
	padding: 4px;
}

.persona-overlay-item-description {
	color: var(--white);
	font-family: var(--avenir-roman);
	font-size: 15px;
	line-height: 1.267;
	font-weight: 300;
	margin-bottom: 12px;
}

.persona-overlay-item-link {
	color: var(--gray-alt-2);
	font-family: var(--bebas);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 35px;
}

.persona-overlay-item-link i {
	font-size: 12px;
	line-height: 1;
	background-color: var(--orange);
	border-radius: 50%;
	padding: 4px;
}

.persona-overlay-item-logo.mobile {
	width: 189px;
	margin: 0 auto 22px;
	padding-right: 27px;
}

@media (min-width: 64em) {
	.persona-overlay-item-info {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 12px 0 75px;
	}

	.persona-overlay-back-btn {
		top: 50%;
		left: 16px;
		right: unset;
	}

	.persona-overlay-item-title {
		font-size: 45px;
		line-height: 0.8667;
		padding: 0;
		margin-bottom: 4px;
	}

	.persona-overlay-item-description {
		font-size: 13px;
		line-height: 1.5;
	}

	.persona-overlay-item-logo.mobile {
		width: 162px;
		padding: 0;
		margin: 0 0 0 75px;
	}

	.persona-overlay-item-link {
		font-size: 14px;
	}

	.persona-overlay-item-link:hover {
		color: var(--white);
		text-decoration: none;
	}
}

@media (min-width: 90em) {
	.persona-overlay-item-info {
		padding: 0 32px 0 90px;
	}

	.persona-overlay-item-title {
		font-size: 60px;
	}

	.persona-overlay-item-description {
		font-size: 16px;
	}

	.persona-overlay-item-logo.mobile {
		margin: 0 0 0 90px;
	}

	.persona-overlay-item-link {
		font-size: 20px;
	}
}

/* panel_persona_overlay item nav */

.persona-overlay-item-nav {
	width: calc(100% + 52px);
	margin: 0 -26px;
	padding: 0 26px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.persona-overlay-item-nav::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.persona-overlay-item-nav ul {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
}

.persona-overlay-item-nav li:last-of-type {
	padding-right: 26px;
}

.persona-overlay-item-nav-item button {
	background-color: var(--white);
	color: var(--orange);
	display: flex;
	gap: 4px;
	align-items: center;
	width: max-content;
	height: 40px;
	border-radius: 28px;
	padding: 10px 20px 9px;
	font-family: var(--bebas);
	font-size: 17px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
}

.persona-overlay-item-nav-icon.desktop {
	display: none;
}

.persona-overlay-item-nav-icon.mobile {
	min-width: 16px;
	max-width: 16px;
	max-height: 16px;
	filter: invert(51%) sepia(79%) saturate(4039%) hue-rotate(10deg) brightness(98%) contrast(103%) opacity(85%);
}

.persona-overlay-item-nav-item button[disabled="true"] {
	opacity: 50%;
	color: var(--blue-dark);
}

.persona-overlay-item-nav-item button[disabled="true"] .persona-overlay-item-nav-icon.mobile {
	filter: invert(25%) sepia(90%) saturate(1033%) hue-rotate(172deg) brightness(89%) contrast(102%);
}

.persona-overlay-item-nav-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin-bottom: 15px;
}

.persona-overlay-item-nav-buttons button {
	background: none;
}

.persona-overlay-item-nav-buttons i {
	font-size: 12px;
	line-height: 1;
	background-color: var(--orange);
	border-radius: 50%;
	padding: 5px;
}

@media(min-width: 64em) {
	.persona-overlay-item-nav-icon.mobile {
		display: none;
	}

	.persona-overlay-item-nav-icon.desktop {
		display: block;
	}

	.persona-overlay-item-nav-buttons {
		display: none;
	}

	.persona-overlay-item-nav {
		width: 840px;
		max-width: calc(100vw - 292px);
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}

	.persona-overlay-item-nav ul {
		margin: 0;
		justify-content: space-between;
		align-items: flex-end;
	}

	.persona-overlay-item-nav button {
		width: max-content;
		height: auto;
		background: none;
		color: var(--white);
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 0;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
	}

	.persona-overlay-item-nav button[disabled="true"] {
		color: var(--white);
	}

	.persona-overlay-item-nav-item-subtitle {
		min-height: 26px;
	}

	.persona-overlay-item-nav button:hover {
		background: none;
		color: var(--white);
	}

	.persona-overlay-item-nav-icon.desktop {
		flex: 0 0 auto;
		margin-bottom: 14px;
	}
}

@media (min-width: 90em) {
	.persona-overlay-item-nav button {
		font-size: 26px;
	}
}

/* panel_persona */

.persona-item {
	position: relative;
	cursor: pointer;
}

.persona-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #504d6540;
	pointer-events: none;
	z-index: 1;
}

.persona-item-inner {
	position: relative;
	width: 100%;
	height: 75px;
}

.persona-item-inner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: transparent linear-gradient(to bottom, #000 0%, #211E1C00 100%) 0% 0% no-repeat padding-box;
	opacity: 0.5;
	pointer-events: none;
}

.persona-item-inner > picture .slide-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.persona-item-inner .persona-item-title-outer {
	position: relative;
	z-index: 1;
}

.persona-item-title-outer {
	width: 100%;
	height: 100%;
	display: flex;
	gap: 17px;
	align-items: center;
	padding: 0 33px;
	background-color: #211e1c80;
	color: var(--white);
}

.persona-item-title {
	display: flex;
	gap: 6px;
	font-size: 29px;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
}

.persona-item-icon.desktop {
	display: none;
}

@media (min-width: 64em) {
	.persona-item,
	.persona-item-inner {
		width: 100%;
		height: 100%;
	}

	.persona-item-icon.desktop {
		display: block;
	}

	.persona-item-icon.mobile {
		display: none;
	}

	.persona-item-title-outer {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 12px;
		padding: 36px 24px;
	}

	.persona-item-title {
		--font-size: 20px;
		flex-direction: column;
		gap: 4px;
		line-height: 1;
		font-size: var(--font-size);
	}

	.persona-item-title .subtitle {
		min-height: var(--font-size);
	}

	.persona-item-inner::after {
		top: 0;
		right: 0;
		left: unset;
		bottom: unset;
		width: 32px;
		height: 100%;
		background: transparent linear-gradient(270deg, #211E1C 0%, #211E1C00 100%) 0% 0% no-repeat padding-box;
	}
}

@media (min-width: 90em) {
	.persona-item-title {
		--font-size: 32px;
	}
}

/* collection_persona_widget */

.contentRender_name_plugins_collections_template_custom_persona_widget:nth-of-type(3) ~ .contentRender_name_plugins_collections_template_custom_persona_widget {
	display: none;
}

.persona-widget-inner .slides .slide-3 {
	display: none;
}

.persona-overlay-item-collections {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 52px;
}

.persona-widget-inner .slides {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	gap: 8px;
}

.persona-widget-inner .slide:not(.view-all) {
	aspect-ratio: 119 / 69;
	flex: 5 1 119px;
	border-radius: 4px;
	box-shadow: 0px 4px 8px #00000029;
}

.persona-widget-inner .slide.blank {
	box-shadow: none;
}

.persona-widget-inner .img-cont {
	border-radius: 4px;
}

.ccl-widget.persona-widget-inner .inner,
.persona-widget-inner .img-cont,
.ccl-widget.persona-widget-inner .slide img.slide-img {
	height: 100%;
	min-height: 100%;
}

.persona-widget-inner .img-cont:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background: #211E1C 0% 0% no-repeat padding-box;
	pointer-events: none;
}

.persona-widget-inner .view-all {
	flex: 1 1 100px;
}

.persona-widget-inner .content-section {
	bottom: 50%;
	transform: translateY(50%);
	padding: 0 10px;
	width: 100%;
}

.persona-widget-inner .content-section .slide-title,
.persona-widget-inner .content-section .slide-title a {
	color: var(--white);
	font-family: var(--bebas);
	line-height: 1;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.persona-widget-inner .view-all a {
	padding-left: 9px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	gap: 1px;
	color: var(--white);
	font-size: 22px;
	font-family: var(--bebas);
	font-weight: 700;
	line-height: 0.9;
	text-transform: uppercase;
}

.persona-widget-inner .view-all a i {
	font-size: 12px;
	background-color: var(--orange);
	border-radius: 50%;
	padding: 4px;
	width: min-content;
}

@media (min-width: 375px) {
	.persona-widget-inner .content-section .slide-title,
	.persona-widget-inner .content-section .slide-title a {
		font-size: 16px;
	}

	.persona-widget-inner .slide:not(.view-all) {
		flex: 5 0 119px;
	}
}

@media (min-width: 40em) {
	.persona-widget-inner .slides .slide-3 {
		display: block;
	}
}

@media (min-width: 64em) {
	.persona-widget-inner .slide:not(.view-all) {
		aspect-ratio: 265 / 138;
		flex: 0 1 265px;
	}

	.persona-overlay-item-collections {
		justify-content: center;
		margin: 33px 0 40px;
	}

	.persona-widget-inner .view-all {
		flex: 1 1 205px;
	}

	.persona-widget-inner .content-section .slide-title,
	.persona-widget-inner .content-section .slide-title a {
		font-size: 24px;
	}

	.persona-widget-inner .view-all a {
		align-items: center;
		font-size: 24px;
		gap: 6px;
		padding: 0 15px 0 0px;
	}

	.persona-widget-inner .view-all a:hover {
		text-decoration: none;
	}

	.persona-widget-inner .view-all a i {
		font-size: 16px;
		padding: 6px;
	}
}

@media (min-width: 90em) {
	.persona-widget-inner .content-section .slide-title,
	.persona-widget-inner .content-section .slide-title a {
		font-size: 28px;
	}

	.persona-widget-inner .slide:not(.view-all) {
		flex: 0 0 265px;
	}

	.persona-overlay-item-collections {
		gap: 24px;
	}

	.persona-widget-inner .slides {
		gap: 24px;
	}

	.persona-widget-inner .view-all a {
		font-size: 28px;
		gap: 8px;
		padding: 0 45px 0 0px;
	}

	.persona-widget-inner .view-all a i {
		font-size: 18px;
		padding: 8px;
	}
}