.kiska-text-box {
	box-sizing: border-box;
	position: relative;
	clear: both;
	margin: 1.5rem 0;
	padding: 1.25rem;
	border-style: solid;
	border-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.kiska-text-box > * {
	position: relative;
	z-index: 1;
}

.kiska-text-box > :first-child { margin-top: 0; }
.kiska-text-box > :last-child { margin-bottom: 0; }

.kiska-text-box img {
	max-width: 100%;
	height: auto;
}

.kiska-text-box--full { width: 100%; }
.kiska-text-box--three-quarter { width: 75%; }
.kiska-text-box--half { width: 50%; }

.kiska-text-box--feature-bg,
.kiska-text-box--feature-bg-dark {
	background-image: var(--kiska-text-box-feature-bg-dark, var(--kiska-text-box-feature-bg, none));
}

.kiska-text-box--feature-bg-light {
	background-image: var(--kiska-text-box-feature-bg-light, var(--kiska-text-box-feature-bg, none));
}

.kiska-text-light,
.kiska-text-light h2,
.kiska-text-light h3,
.kiska-text-light h4,
.kiska-text-light p,
.kiska-text-light li { color: #fff; }

.kiska-text-dark,
.kiska-text-dark h2,
.kiska-text-dark h3,
.kiska-text-dark h4,
.kiska-text-dark p,
.kiska-text-dark li { color: #222; }

.kiska-border-none { border-width: 0; }
.kiska-border-thin { border-width: 1px; }
.kiska-border-thick { border-width: 6px; }

.kiska-bg-brand-1 { background-color: var(--kiska-brand-1, #2b663b); }
.kiska-bg-brand-2 { background-color: var(--kiska-brand-2, #69c8e8); }
.kiska-bg-brand-3 { background-color: var(--kiska-brand-3, #5fb4d1); }
.kiska-bg-brand-4 { background-color: var(--kiska-brand-4, #55a2bc); }
.kiska-bg-accent-1 { background-color: var(--kiska-accent-1, #e95666); }
.kiska-bg-accent-2 { background-color: var(--kiska-accent-2, #ecc659); }
.kiska-bg-neutral-1 { background-color: var(--kiska-neutral-1, #5d5d5d); }
.kiska-bg-neutral-2 { background-color: var(--kiska-neutral-2, #707070); }
.kiska-bg-soft-1 { background-color: var(--kiska-soft-1, #f5f8fa); }
.kiska-bg-soft-2 { background-color: var(--kiska-soft-2, #d7e7fc); }
.kiska-bg-black { background-color: #000; }
.kiska-bg-mid-grey { background-color: #777; }
.kiska-bg-white { background-color: #fff; }

.kiska-border-brand-1 { border-color: var(--kiska-brand-1, #2b663b); }
.kiska-border-brand-2 { border-color: var(--kiska-brand-2, #69c8e8); }
.kiska-border-brand-3 { border-color: var(--kiska-brand-3, #5fb4d1); }
.kiska-border-brand-4 { border-color: var(--kiska-brand-4, #55a2bc); }
.kiska-border-accent-1 { border-color: var(--kiska-accent-1, #e95666); }
.kiska-border-accent-2 { border-color: var(--kiska-accent-2, #ecc659); }
.kiska-border-neutral-1 { border-color: var(--kiska-neutral-1, #5d5d5d); }
.kiska-border-neutral-2 { border-color: var(--kiska-neutral-2, #707070); }
.kiska-border-soft-1 { border-color: var(--kiska-soft-1, #f5f8fa); }
.kiska-border-soft-2 { border-color: var(--kiska-soft-2, #d7e7fc); }
.kiska-border-black { border-color: #000; }
.kiska-border-mid-grey { border-color: #777; }
.kiska-border-white { border-color: #fff; }

@media (max-width: 767.98px) {
	.kiska-text-box--three-quarter,
	.kiska-text-box--half { width: 100%; }
}

.kiska-text-box-align-left {
	float: left;
	clear: none;
	margin-right: 1.5rem;
}

.kiska-text-box-align-right {
	float: right;
	clear: none;
	margin-left: 1.5rem;
}

.kiska-text-box-align-center {
	margin-left: auto;
	margin-right: auto;
}

.kiska-text-box-align-none {
	float: none;
}

@media (max-width: 767.98px) {
	.kiska-text-box-align-left,
	.kiska-text-box-align-right {
		float: none;
		clear: both;
		margin-left: 0;
		margin-right: 0;
	}
}

.kiska-text-box a {
	text-decoration: underline;
	text-underline-offset: .12em;
}

.kiska-text-light a,
.kiska-text-dark a {
	color: inherit;
}

.kiska-text-box:focus-within {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}