/*----------------------------------------------------------------- */
/* PAGES
/*----------------------------------------------------------------- */

.page-template .loop-page
{
	margin-bottom: 80px;

	gap: 30px;
}

.loop-page__item
{
	background: var(--color__grey-light);
}

.loop-page__item:hover
{
	color: var(--color__black);
	background: var(--color__yellow);
}

.loop-page__item figure
{
	margin-bottom: 0;
}

.loop-page__item h3
{
	font-size: var(--font-size__h4);
	line-height: 3.5rem;

	margin-bottom: 0;
	padding: 30px 20px 10px 30px;

	transition: var(--transition-delay__default);
	text-decoration: underline solid transparent;
}

.loop-page__item:hover h3
{
	text-decoration: underline;
}

.loop-page__item p
{
	font-size: 1.4rem;
	line-height: 2rem;

	padding: 10px 20px 110px 30px;
}

@media (max-width: 960px)
{
	.page-template .loop-page
	{
		margin-bottom: 40px;
	}
}

@media (max-width: 800px)
{
	.page-template .loop-page
	{
		gap: 15px;
		grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
	}

	.loop-page__item h3
	{
		padding: 15px 20px 10px 15px;
	}

	.loop-page__item p
	{
		padding: 0 20px 55px 15px;
	}
}

/* HOME
----------------------------------------- */
.page-template-page-home header
{
	border-bottom: none;
}

@media (max-width: 960px)
{
	.page-template-page-home .layout-wrapper
	{
		padding-top: 10px;
	}
}

/* TITLE */
.title
{
	margin-bottom: 40px;
}

.title__wrapper
{
	gap: 20px;
}

.title h1
{
	font-size: var(--font-size__extra-title);

	margin: 0;

	color: var(--color__yellow);
}

.title__contact
{
	width: 100%;
	max-width: calc(100% - 654px);
	padding-right: 5%;
	padding-left: 5%;

	gap: 20px;
}

.title address,
.title__column span
{
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2rem;

	display: block;

	width: fit-content;
}

.title__column
{
	width: fit-content;
}

@media (max-width: 1300px)
{
	.title__contact
	{
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 1024px)
{
	.title__contact
	{
		max-width: calc(100% - 600px);
	}
}


@media (max-width: 970px)
{
	.title
	{
		margin-bottom: 20px;
	}

	.title .row
	{
		align-items: flex-start;

		gap: 20px 40px;
	}

	.title h1
	{
		width: 100%;
	}

	.title__contact
	{
		justify-content: flex-start;

		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 460px)
{
	.title address,
	.title__column span
	{
		font-size: 1.2rem;
	}

	.title .row
	{
		justify-content: space-between;

		gap: 20px 1px;
	}

	.title__column
	{
		width: calc(100% / 2);
	}

	.title__column:last-child
	{
		margin-left: auto;
	}
}

@media (max-width: 340px)
{
	.title__column
	{
		width: 100%;
	}
}

/* HOME INTRO */
.home-intro
{
	position: relative;

	height: 100%;
	min-height: 640px;
}

.home-intro > .container
{
	z-index: 5;

	padding-top: 140px;
}

.home-intro h2
{
	font-size: var(--font-size__h3);
	line-height: 4.4rem;

	max-width: 700px;
	margin-bottom: 40px;

	color: var(--color__yellow);
}

.home-intro .link
{
	color: var(--color__white);
}

.home-intro figure
{
	height: 100%;
}

.home-intro .intro__media
{
	position: absolute;

/* inset: 0; */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.intro__media img,
.intro__media video
{
	max-height: 640px;
}

.home-intro figure img
{
	min-height: 100%;
}

@media (max-width: 640px)
{
	.home-intro > .container
	{
		padding-top: 70px;
	}

	.home-intro
	{
		min-height: 350px;
	}

	.home-intro h2
	{
		line-height: 2.9rem;

		margin-bottom: 0;
	}

	.home-intro figure img
	{
		width: 100%;
		max-height: 100%;
	}

	.home-intro .link
	{
		margin-top: 15px;
	}
}

/* SLIDER */
.home-slider
{
	margin-bottom: 55px;
}

.splide__slide
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.splide__slide-info
{
	width: calc(100% - 50% - 90px);
}

.splide__slide-image
{
	width: calc(100% - 40% - 90px);
}

.splide__slide-info h2
{
	margin-bottom: 50px;
}

.splide__slide-info-text p
{
	line-height: 3rem;

	max-width: 500px;
}

.splide__slide-info .link
{
	margin-top: 40px;
}

.splide__arrows
{
	position: absolute;
	z-index: 15;
	top: 100%;
	left: 35%;
}

.splide__arrow
{
	width: 45px;
	height: 35px;
}

.splide__arrows .splide__arrow-prev
{
	margin-right: 15px;

	background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 26.2 20.4\'%3E%3Cg data-name=\'Vrstva 2\'%3E%3Cpath d=\'M26.2 11.4H4.7l7.2 7.2-1.8 1.8-9.3-9.3-.8-.9.8-.9L10.1 0l1.8 1.8L4.7 9h21.5Z\' fill=\'%23fdc600\' data-name=\'Vrstva 1\'/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.splide__arrows .splide__arrow-next
{
	background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 26.2 20.4\'%3E%3Cg data-name=\'Vrstva 2\'%3E%3Cpath fill=\'%23fdc600\' d=\'m26.2 10.2-.8.9-9.3 9.3-1.8-1.8 7.2-7.2H0V9h21.5l-7.2-7.2L16.1 0l9.3 9.3.8.9z\' data-name=\'Vrstva 1\'/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.splide__arrows .splide__arrow-prev:hover,
.splide__arrows .splide__arrow-next:hover
{
	opacity: 0.5;
}

.splide__arrows svg
{
	display: none;
}

.home-slider__pagination
{
	margin-top: 80px;
}

.home-slider__pagination .js-slider-nav
{
	font-size: var(--font-size__h5);
	font-weight: var(--font-weight__bold);

	text-decoration: underline solid transparent;
}

.home-slider__pagination .js-slider-nav:hover,
.home-slider__pagination .js-slider-nav.active
{
	text-decoration: underline;

	color: var(--color__yellow);
}

@media (max-width: 1100px)
{
	.splide__slide-info
	{
		width: calc(100% - 50% - 65px);
	}

	.splide__slide-image
	{
		width: calc(100% - 40% - 65px);
	}
}

@media (max-width: 960px)
{
	.splide__slide-info,
	.splide__slide-info-text p
	{
		width: 100%;
		max-width: 100%;
	}

	.splide__slide-image,
	.home-slider__pagination
	{
		display: none;
	}

	.splide__arrows
	{
		top: 97%;
		right: 0;
		left: 0;

		display: flex;
		justify-content: space-between;

		width: 100%;
	}

	.splide__arrow
	{
		width: 25px;
		height: 20px;
	}

	.splide__arrows .splide__arrow-prev
	{
		left: 0;
	}

	.splide__arrows .splide__arrow-next
	{
		right: 0;

		margin-left: auto;
	}
}

@media (max-width: 660px)
{
	.splide__slide-info h2
	{
		line-height: 3.2rem;

		margin-bottom: 25px;
	}

	.splide__slide-info-text p
	{
		line-height: 2.6rem;
	}

	.splide__slide-info .link
	{
		margin-top: 0;
	}
}

/* ACCORDION */
.home-accordion
{
	overflow: hidden;

	margin-bottom: 100px;
	padding: 54px 0;

	background: var(--color__yellow);
}

.home-accordion h2
{
	font-size: var(--font-size__h1);
	line-height: 5.5rem;
}

.home-accordion__wrapper
{
	position: relative;

	min-height: 600px;
}

.home-accordion__items
{
	width: calc(50% - 30px);

	border-bottom: 1px solid var(--color__black);
}

.home-accordion__item h3
{
	line-height: 2rem;

	margin: 0;

	border-top: 1px solid var(--color__black);
}

.home-accordion__item h3 button
{
	font-size: var(--font-size__h5);
	font-weight: var(--font-weight__bold);

	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	padding: 20px 5px 20px 0;

	text-align: left;
	text-decoration: underline solid transparent;
}

.home-accordion__item h3 button .icon_arrow
{
	transition: var(--transition-delay__default);
	transform: rotate( 90deg);
}

.home-accordion__item h3 button.active .icon_arrow
{
	transform: rotate(-90deg);
}

.home-accordion__item h3 button:hover,
.home-accordion__item h3 button.active
{
	text-decoration: underline;

	color: var(--color__black);
}

.js-accordion-item-intro
{
	display: none;
}

.home-accordion__item-wrapper p
{
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.home-accordion__item-inner
{
	position: absolute;
	top: 0;
	right: 0;

	display: none;

	width: 50%;
}

.home-accordion__item-inner figure
{
	margin-bottom: 24px;
}

.home-accordion__item-inner span
{
	font-size: var(--font-size__small);
	line-height: 2.2rem;

	display: block;
}

.home-accordion__item-inner a
{
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__bold);

	display: inline-flex;
	align-items: center;
	justify-content: space-between;

	margin-top: 56px;

	text-decoration: underline solid transparent;
}

.home-accordion__item-inner a .icon_arrow--large
{
	margin-left: 14px;

	color: var(--color__white);
}

.home-accordion__item-inner a:hover
{
	text-decoration: underline;

	color: var(--color__black);
}

@media (max-width: 960px)
{
	.home-accordion
	{
		padding: 30px 0;
	}

	.home-accordion__wrapper
	{
		min-height: auto;
	}

	.home-accordion h2
	{
		line-height: 3.6rem;
	}

	.home-accordion__items
	{
		width: 100%;
	}

	.home-accordion__item h3 button
	{
		padding: 18px 5px 18px 0;
	}

	.js-accordion-item-intro
	{
		display: block;
	}

	.home-accordion__item-wrapper
	{
		display: none;
	}

	.home-accordion__item-wrapper p
	{
		margin-bottom: 18px;
	}

	.home-accordion__item-inner
	{
		position: static;

		display: block;

		width: 100%;
	}

	.home-accordion__item-inner figure
	{
		margin-bottom: 18px;
	}

	.home-accordion__item-inner a
	{
		margin-top: 25px;
		margin-bottom: 18px;
	}
}

@media (max-width: 760px)
{
	.home-accordion
	{
		margin-bottom: 40px;
	}
}

/*HOME NEWS */
.home-news h3.article__title
{
	transition: var(--transition-delay__default);
	text-decoration: underline solid transparent;
}

.home-news a:hover h3.article__title
{
	text-decoration: underline;

	color: var(--color__yellow);
}

.home-news time,
.home-news a:hover time
{
	color: var(--color__black);
}

.home-news .link
{
	margin-top: 40px;
}

/* HOME CAREER */
.home-career h2
{
	margin-bottom: 60px;
}

.home-career .type-career
{
	padding: 30px;

	background: var(--color__grey-light);
}

.home-career .type-career:hover
{
	background: var(--color__yellow);
}

.home-career .type-career:hover span,
.home-career .type-career:hover .link
{
	text-decoration: none;
}

.home-career .type-career:hover .link
{
	background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 26.2 20.4\'%3E%3Cg data-name=\'Vrstva 2\'%3E%3Cpath fill=\'%23fff\' d=\'m26.2 10.2-.8.9-9.3 9.3-1.8-1.8 7.2-7.2H0V9h21.5l-7.2-7.2L16.1 0l9.3 9.3.8.9z\' data-name=\'Vrstva 1\'/%3E%3C/g%3E%3C/svg%3E');
}

.home-career .type-career h3
{
	font-size: var(--font-size__h4);
	line-height: 3.5rem;

	margin-bottom: 10px;

	transition: var(--transition-delay__default);
	text-decoration: underline solid transparent;
	text-transform: uppercase;
}

.home-career .type-career:hover h3
{
	text-decoration: underline;
}

.home-career .type-career span
{
	text-decoration: none;

	color: var(--color__black);
}

.home-career .type-career h3 + span
{
	display: block;
}

.home-career .type-career:hover h3,
.home-career .type-career:hover span
{
	color: var(--color__black);
}

.home-career .type-career .link
{
	font-size: 1.6rem;
	line-height: 2.2rem;

	margin-top: 100px;

	text-decoration: none;
}

.home-career .link
{
	margin-top: 55px;
}

@media (max-width: 960px)
{
	.home-career .type-career
	{
		padding: 25px 25px 5px 25px;
	}

	.home-career .type-career .link
	{
		margin-top: 50px;
	}
}

@media (max-width: 660px)
{
	.home-career h2
	{
		margin-bottom: 30px;
	}

	.home-career .type-career h3
	{
		line-height: 2.7rem;
	}

	.home-career .type-career span
	{
		font-size: 1.2rem;
		line-height: 1.7rem;
	}

	.home-career .type-career .link
	{
		font-size: 1.4rem;
	}

	.home-career .link
	{
		margin-top: 25px;
	}
}
