section.text-block {
	padding: 20px 0;
}

section.text-block > div.wrapper > div.col-1 {
	padding-top: 0;
	padding-bottom: 0;
}

section.text-block .content-and-side-panel:not(.no-side-panel) { 
	display: grid;
	grid-template-columns: auto 300px;
	gap: 80px;
}

section.text-block .side-panel { 
	display: flex;
	flex-direction: column;
	gap: 40px;
}

section.text-block .side-panel div.image-container {
	font-size: 0;
}

section.text-block .side-panel img.image {
	width: 100%;
	height: auto;
}

section.text-block div.content div.link {
	margin-top: 30px;
}

section.text-block:not(:has(div.content-and-side-panel)) div.section-title > :last-child {
   margin: 0;
}

/*** Themes ***/

/*
	dark-green
	light-taupe
	light-green
	light-green-purple-gradient
	light-green-teal-gradient
	multi-gradient
	purple-light-green-gradient
	purple-teal-gradient
	taupe
	teal-light-green-gradient
	teal-purple-gradient
	white
*/

section.text-block div.text-block-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

section.text-block div.text-block-container.tpp-theme-light-green { 
	background-color: var(--hl-light-green);
}

section.text-block div.text-block-container.tpp-theme-dark-green {
	background-color: var(--hl-dark-green);
	color: #ffffff;
}

section.text-block div.text-block-container.tpp-theme-dark-green div.section-title { 
	color: #ffffff;
}

section.text-block div.text-block-container.tpp-theme-dark-green ul li {
	color: inherit;
}

section.text-block div.text-block-container.tpp-theme-dark-green a.btn-tpp-link { 
	border-color: var(--hl-light-green);
	background-color: var(--hl-light-green);
	color: var(--hl-dark-green);
}

section.text-block div.text-block-container.tpp-theme-dark-green a.btn-tpp-link:hover { 
	background-color: #ffffff;
}

section.text-block div.text-block-container.tpp-theme-dark-green a.btn-tpp-link:after {
	background-image: url("/_assets/icon-line-arrow-hl-dark-green.png")
}

section.text-block div.text-block-container.tpp-theme-light-taupe {
	background-color: var(--hl-light-taupe);
}

section.text-block div.text-block-container.tpp-theme-light-green-purple-gradient { 
	background-image: url("/template-tool/_assets/bg-light-green-purple-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-light-green-teal-gradient {
	background-image: url("/template-tool/_assets/bg-light-green-teal-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-multi-gradient {
	background-image: url("/template-tool/_assets/bg-multi-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-purple-light-green-gradient {
	background-image: url("/template-tool/_assets/bg-purple-light-green-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-teal-light-green-gradient {
	background-image: url("/template-tool/_assets/bg-teal-light-green-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-purple-teal-gradient {
	background-image: url("/template-tool/_assets/bg-purple-teal-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-teal-light-green-gradient {
	background-image: url("/template-tool/_assets/bg-teal-light-green-gradient.jpg");
}

section.text-block div.text-block-container.tpp-theme-teal-purple-gradient {
	background-image: url("/template-tool/_assets/bg-teal-teal-purple-gradient.jpg");
}

section.text-block div.text-block-container:not(.tpp-theme-white) { 
	padding: 25px;
}



@media (max-width: 800px) {
	section .text-block .content-and-side-panel:not(.no-side-panel) {
		gap:8vw;
		grid-template-columns: auto 33vw;
	}
}

@media (max-width: 640px) {
	section.text-block:not(:has(div.copy)) div.section-title > :last-child {
		margin-bottom: 0;
	}
	
	section.text-block .content-and-side-panel:not(.no-side-panel) {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	section.text-block .side-panel { 
		gap: 30px;
	}
}