/*----------------------------------------------------------------- */
/* PAGES
/*----------------------------------------------------------------- */

/* HOME
----------------------------------------- */

/* SLICK SLIDER */
.slider
{
	margin-bottom: 30px;

	opacity: 0;
	background: var(--color__black);
}

.slide,
.slick-list
{
	height: 400px;
}

.slide__image
{
	position: absolute;
	top: 0;
	left: 0;

	width: inherit;
	height: inherit;
}

.slide__image img
{
	display: block;

	width: 100%;
	height: 100%;

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

.slide__text
{
	font-size: 6rem;

	padding-top: 7%;

	transition-delay: 0.7s;
	transition-duration: 0.5s;

	opacity: 0;
	color: var(--color__white);
}

.slick-current .slide__text
{
	opacity: 1;
}

.slide__text p
{
	margin: 0;
}

.slide__text a
{
	color: var(--color__white);
}

/* SLICK - ARROWS */
.slick-arrow
{
	position: absolute;
	z-index: 900;
	bottom: -15px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 50px;
	height: 50px;

	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);

	opacity: 0;
}

.slick-arrow:hover
{
	text-decoration: none;
}

.slider:hover .slick-arrow
{
	opacity: 1;
}

.slick-arrow svg
{
	display: block;

	width: 19px;
	height: 30px;
}

.slick-arrow svg path
{
	fill: var(--color__white);
}

.slick-prev
{
	left: 15px;
}

.slick-next
{
	right: 15px;
}

/* SLICK - DOTS */
.slick-dots
{
	position: absolute;
	z-index: 900;
	bottom: 15px;
	left: 50%;

	margin: 0;

	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}

.slick-dots li
{
	display: inline-block;
}

.slick-dots button
{
	font-size: 0;

	position: relative;

	display: inline-block;

	width: 11px;
	height: 11px;
	margin: 0 5px;
	padding: 3px;
}

.slick-dots button:before
{
	font-size: 0;

	display: block;

	width: 5px;
	height: 5px;

	content: '';

	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
}

.slick-dots button:after
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 11px;
	height: 11px;

	content: '';
	transition: var(--transition-delay__default);

	border-radius: 50%;
	background: transparent;
}

.slick-dots .slick-active button:after,
.slick-dots button:hover:after
{
	background: var(--color__white);
}

@media (max-width: 960px)
{
	.slide,
	.slick-list
	{
		height: 300px;
	}

	.slide__text
	{
		font-size: 4.5rem;

		padding-top: 4%;
	}
}

@media (max-width: 760px)
{
	.slide,
	.slick-list
	{
		height: 200px;
	}

	.slide__text
	{
		font-size: 3.5rem;
	}
}