.themed-panel {
	position: relative;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

.themed-panel h1,
.themed-panel h2,
.themed-panel h3,
.themed-panel h4,
.themed-panel h5,
.themed-panel h6 {
	margin-top: 0;
}

.themed-panel .contentRender_name_plugins_core_textbox {
	padding-top: 3.2px;
}

.themed-panel .contentRender_name_plugins_core_textbox a {
	font-weight: bold;
	text-decoration: underline;
}

/* PATTERNS */
.themed-panel[class*="pattern-"]::after {
	display: block;
	position: relative;
	content: "";
	height: 45px;
	background-size: 70px;
	background-position: center;
	background-repeat: repeat;
}

@media (min-width: 1024px) {
	.themed-panel[class*="pattern-"]::after {
		height: 65px;
		background-size: 100px;
	}
}

.themed-panel.pattern-summerday::after {
	background-image: var(--pattern-summerday);
}

.themed-panel.pattern-summernight::after {
	background-image: var(--pattern-summernight);
}

.themed-panel.pattern-kentucky::after {
	background-image: var(--pattern-kentucky);
}

.themed-panel.pattern-twilight::after {
	background-image: var(--pattern-twilight);
}

.themed-panel.pattern-dandelion::after {
	background-image: var(--pattern-dandelion);
}

/* THEMES */
.themed-panel[class*="theme-"]::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.themed-panel.theme-vlexblue::before {
	background: var(--vlexblue);
}

.themed-panel.theme-summergreen::before {
	background: var(--summergreen);
}

.themed-panel.theme-darkgreen::before {
	background: var(--darkgreen);
}

.themed-panel.theme-springblue::before {
	background: var(--springblue);
}

.themed-panel.theme-fallyellow::before {
	background: var(--fallyellow);
}

/* hr & blockquote borders */
.themed-panel.theme-summergreen hr { border-color: var(--lightgray); }
.themed-panel.theme-summergreen .quote-box::before,
.themed-panel.theme-summergreen .quote-box::after {
	background-color: var(--lightgray);
}

.themed-panel.theme-darkgreen hr { border-color: var(--summergreen); }
.themed-panel.theme-darkgreen .quote-box::before,
.themed-panel.theme-darkgreen .quote-box::after {
	background-color: var(--summergreen);
}

.themed-panel.theme-fallyellow hr { border-color: var(--darkgray); }
.themed-panel.theme-fallyellow .quote-box::before,
.themed-panel.theme-fallyellow .quote-box::after {
	background-color: var(--darkgray);
}

/* textbox */
.themed-panel.theme-vlexblue .quote-box .source,
.themed-panel.theme-vlexblue h1, .themed-panel.theme-vlexblue h2, .themed-panel.theme-vlexblue h3,
.themed-panel.theme-vlexblue p, .themed-panel.theme-vlexblue a, .themed-panel.theme-vlexblue span,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h1,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h2,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h3,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox a,
.themed-panel.theme-summergreen .quote-box .source,
.themed-panel.theme-summergreen h1, .themed-panel.theme-summergreen h2, .themed-panel.theme-summergreen h3,
.themed-panel.theme-summergreen p, .themed-panel.theme-summergreen a, .themed-panel.theme-summergreen span,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h1,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h2,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h3,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox a,
.themed-panel.theme-darkgreen .quote-box .source,
.themed-panel.theme-darkgreen h1, .themed-panel.theme-darkgreen h3,
.themed-panel.theme-darkgreen p, .themed-panel.theme-darkgreen a, .themed-panel.theme-darkgreen span,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h1,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h3,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox a,
.themed-panel.theme-fallyellow h1, .themed-panel.theme-fallyellow h2, .themed-panel.theme-fallyellow h3,
.themed-panel.theme-fallyellow p, .themed-panel.theme-fallyellow a, .themed-panel.theme-fallyellow span,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h1,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h2,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h3 {
	color: var(--white);
}

.themed-panel.theme-darkgreen h2, 
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h2 {
	color: var(--fallyellow);
}

.themed-panel.theme-springblue h1, .themed-panel.theme-springblue h2, .themed-panel.theme-springblue h3,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h1,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h2,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h3,
.themed-panel.theme-fallyellow .quote-box .quote,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h4,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h5,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox h6 {
	color: var(--vlexblue);
}

.themed-panel.theme-vlexblue .quote-box .quote,
.themed-panel.theme-vlexblue h4, .themed-panel.theme-vlexblue h5, .themed-panel.theme-vlexblue h6,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h4,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h5,
.themed-panel.theme-vlexblue .contentRender_name_plugins_core_textbox h6,
.themed-panel.theme-summergreen .quote-box .quote,
.themed-panel.theme-summergreen h4, .themed-panel.theme-summergreen h5, .themed-panel.theme-summergreen h6,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h4,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h5,
.themed-panel.theme-summergreen .contentRender_name_plugins_core_textbox h6,
.themed-panel.theme-darkgreen .quote-box .quote,
.themed-panel.theme-darkgreen h4, .themed-panel.theme-darkgreen h5, .themed-panel.theme-darkgreen h6,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h4,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h5,
.themed-panel.theme-darkgreen .contentRender_name_plugins_core_textbox h6 {
	color: var(--tan);
}

.themed-panel.theme-springblue .quote-box .quote,
.themed-panel.theme-springblue h4, .themed-panel.theme-springblue h5, .themed-panel.theme-springblue h6,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h4,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h5,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox h6 {
	color: var(--brown);
}

.themed-panel.theme-default p,
.themed-panel.theme-default a,
.themed-panel.theme-fallyellow p,
.themed-panel.theme-fallyellow a,
.themed-panel.theme-springblue p,
.themed-panel.theme-springblue a,
.themed-panel.theme-default .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox p,
.themed-panel.theme-default .contentRender_name_plugins_core_textbox a,
.themed-panel.theme-fallyellow .contentRender_name_plugins_core_textbox a,
.themed-panel.theme-springblue .contentRender_name_plugins_core_textbox a {
	color: black;
}

/* slider arrows */
.themed-panel .tiles-slider-cont .arrow-cont .custom-arrow .arrow-inner {
	width: 45px;
	height: 45px;
	font-size: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.themed-panel.theme-darkgreen .arrow-cont .custom-arrow,
.themed-panel.theme-summergreen .arrow-cont .custom-arrow,
.themed-panel.theme-vlexblue .arrow-cont .custom-arrow {
	background-color: white;
	color: var(--fallyellow);
}

.themed-panel.theme-springblue .arrow-cont .custom-arrow {
	background-color: white;
	color: var(--brown);
}

.themed-panel .theme-darkgreen .tiles-slider .tiles-slider-cont .arrow-cont .custom-svg-arrow .arrow {
	fill: pink !important;
	color: yellow !important;

}

.themed-panel.theme-summergreen .arrow-cont .custom-arrow:hover,
.themed-panel.theme-vlexblue .arrow-cont .custom-arrow:hover {
	background-color: var(--fallyellow);
	color: white;
}

.themed-panel.theme-springblue .arrow-cont .custom-arrow:hover {
	background-color: var(--brown);
	color: white;
}

/* SVG ARROWS */
/* default */
.themed-panel.theme-default .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-default .arrow-cont .custom-svg-arrow:hover .arrow {
	fill: var(--lightgray);
	transition: all 0.3s ease-in-out;
}

.themed-panel.theme-default .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-default .arrow-cont .custom-svg-arrow:hover .arrow-bg {
	fill: var(--summergreen);
	transition: all 0.3s ease-in-out;
}

/* springblue */
.themed-panel.theme-springblue .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-springblue .arrow-cont .custom-svg-arrow:hover .arrow {
	fill: var(--white);
	transition: all 0.3s ease-in-out;
}

.themed-panel.theme-springblue .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-springblue .arrow-cont .custom-svg-arrow:hover .arrow-bg {
	fill: var(--brown);
	transition: all 0.3s ease-in-out;
}

/* vlexblue & summergreen & darkgreen */
.themed-panel.theme-vlexblue .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-vlexblue .arrow-cont .custom-svg-arrow:hover .arrow,
.themed-panel.theme-summergreen .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-summergreen .arrow-cont .custom-svg-arrow:hover .arrow,
.themed-panel.theme-darkgreen .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-darkgreen .arrow-cont .custom-svg-arrow:hover .arrow {
	fill: var(--white);
	transition: all 0.3s ease-in-out;
}

.themed-panel.theme-vlexblue .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-vlexblue .arrow-cont .custom-svg-arrow:hover .arrow-bg,
.themed-panel.theme-summergreen .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-summergreen .arrow-cont .custom-svg-arrow:hover .arrow-bg,
.themed-panel.theme-darkgreen .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-darkgreen .arrow-cont .custom-svg-arrow:hover .arrow-bg {
	fill: var(--fallyellow);
	transition: all 0.3s ease-in-out;
}

/* fallyellow */
.themed-panel.theme-fallyellow .arrow-cont .custom-svg-arrow .arrow-bg,
.themed-panel.theme-fallyellow .arrow-cont .custom-svg-arrow:hover .arrow {
	fill: var(--white);
	transition: all 0.3s ease-in-out;
}

.themed-panel.theme-fallyellow .arrow-cont .custom-svg-arrow .arrow,
.themed-panel.theme-fallyellow .arrow-cont .custom-svg-arrow:hover .arrow-bg {
	fill: var(--vlexblue);
	transition: all 0.3s ease-in-out;
}

/* PANEL "CUTOFF" */
.themed-panel.top-cutoff::before {
	top: 80px;
	height: calc(100% - 80px);
}

.themed-panel.bottom-cutoff::before {
	height: calc(100% - 80px);
}

.themed-panel.top-cutoff.bottom-cutoff::before {
	top: 80px;
	height: calc(100% - (80px * 2));
}