/*----------------------------------------------------------------- */
/* IMAGE BANNER
/*----------------------------------------------------------------- */

.block-image-banner .container_5-7
{
	padding-right: 0;
}

.block-image-banner__wrapper
{
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;

	min-height: 530px;
	margin-bottom: var(--padding__blocks);
	padding: calc(2 * var(--padding__default)) var(--padding__default);

	color: var(--color__white);
}

.block-image-banner__wrapper:after
{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	content: '';

	background: linear-gradient(to top, var(--color__blue-dark) 0%, rgba(41, 105, 235, 0) 100%);
}

.block-image-banner__wrapper span,
.block-image-banner__wrapper a
{
	position: relative;
	z-index: 15;
}

.block-image-banner__wrapper span
{
	font-family: var(--font-family__noto-serif);

	display: block;
}

.block-image-banner__title
{
	font-size: 3.4rem;
	font-weight: var(--font-weight__bold);
	line-height: 4.2rem;

	margin-bottom: calc(4 * var(--padding__default));
}

.block-image-banner__text
{
	margin-bottom: var(--padding__default);
}

.block-image-banner__wrapper a.btn
{
	align-self: flex-start;
	color: var(--color__yellow);
	border-color: var(--color__yellow);
}

.block-image-banner__wrapper a.btn:hover
{
	color: var(--color__blue);
	background: var(--color__yellow);
}

.block-image-banner__wrapper img
{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center center;
}

@media (max-width: 760px)
{
	.block-image-banner__wrapper
	{
		padding: var(--padding__default);
	}

	.block-image-banner__title
	{
		font-size: 2rem;
		line-height: 2.7rem;

		margin-bottom: calc(4 * var(--padding__default));
	}

	.block-image-banner__text
	{
		font-size: 1.2rem;
	}
}