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

/* HOME
----------------------------------------- */
/* .home .content
{
	padding-top: calc(2 * var(--padding__default));
} */

/* BOOKS */
.home__books
{
	padding-top: var(--padding__default);
	padding-bottom: calc(2 * var(--padding__default));

	background: var(--color__beige);
}

.home__books .container
{
	padding-left: var(--padding__default);
}

.home__books .row
{
	margin-bottom: var(--padding__default);
}

.home__books h2
{
	font-size: 3.4rem;

	color: var(--color__red);
}

.home__books-item
{
	flex: 1;

	padding: 0 var(--padding__default) var(--padding__default) var(--padding__default);

	text-align: center;

	border-left: 1px solid var(--color__red);
}

.home__books-item figure
{
	margin: 0;
}

.home__books-item img
{
	display: block;

	max-width: 230px;
	margin: 0 auto;
}

.home__books-item h3
{
	font-size: 2.4rem;

	margin-top: 5px;

	color: var(--color__red);
}

@media (max-width: 1200px)
{
	.home__books-item:nth-child(5)
	{
		display: none;
	}
}

@media (max-width: 960px)
{
	.home__books-item:nth-child(4)
	{
		display: none;
	}
}

@media (max-width: 760px)
{
	.home__books h2,
	.home__books-item h3
	{
		font-size: 2rem;

		margin-bottom: 13px;
	}

	.home__books-item a
	{
		padding: 8px 11px 8px 14px;
	}
}

@media (max-width: 600px)
{
	.home__books-item:nth-child(3)
	{
		display: none;
	}
}

@media (max-width: 400px)
{
	.home__books-item:nth-child(2)
	{
		display: none;
	}
}

/* LINKS TEMPLATE
----------------------------------------- */
.page-links
{
	padding: var(--padding__default) 0;
}

.page-links__item
{
	position: relative;

	padding: var(--padding__default) 0;

	border-bottom: 1px solid var(--color__beige);
}

.page-links__item:last-child
{
	border-bottom: none;
}

.page-links__item-image
{
	position: relative;

	display: block;

	width: 22.5%;
}

.page-links__item-image figure
{
	margin: 0;

	background: var(--color__beige);
}

.page-links__item-image img
{
	display: block;

	width: 100%;
	height: auto;
}

.page-links__item-wrapper
{
	position: relative;

	width: calc(100% - 22.5% - var(--padding__default));
}

.page-links__item-wrapper > h2
{
	font-size: 2rem;

	margin-bottom: 15px;

	color: var(--color__red);
}

.page-links__item-wrapper p
{
	font-size: 1.4rem;

	margin-bottom: 20px;
}

@media (max-width: 760px)
{
	.page-links__item-wrapper
	{
		display: flex;
		flex-direction: column;

		width: 100%;
	}

	.page-links__item-image
	{
		position: absolute;
		top: 15px;
		left: 0;

		width: 80px;
		height: 80px;
	}
	.page-links__item-wrapper > h2
	{
		font-size: 1.4rem;

		margin-bottom: 5px;
		margin-left: 90px;
	}

	.page-links__item-wrapper p
	{
		order: 2;

		margin-bottom: 0;
	}

	.page-links__item-wrapper a
	{
		position: static;
		top: 31px;
		left: 0;

		display: inline-block;
		order: 1;

		margin-right: auto;
		margin-bottom: 30px;
		margin-left: 90px;
		padding: 8px 11px 8px 14px;
	}
}

/* CONTACT
----------------------------------------- */
.contact__info
{
	padding: calc(2 * var(--padding__default)) 0 var(--padding__default) 0;
}

.contact__info h2
{
	margin-bottom: calc(2 * var(--padding__default));
}

.contact__info-column
{
	width: 50%;
	padding-right: var(--padding__default);
}

.contact__info-column .icon
{
	position: absolute;
	top: 3px;
	left: 0;

	color: var(--color__red);
}

.contact__info-column .icon-church
{
	top: 0;
	left: 5px;
}

.contact__info-column .icon-phone
{
	left: 3px;
}

.contact__info-column .icon-bank
{
	top: 0;
	left: 2px;
}

.contact__info-column address,
.contact__info-column a,
.contact__info-column > span
{
	position: relative;

	display: inline-block;

	margin-bottom: var(--padding__default);
	padding-left: 32px;
}

.contact__info-column address
{
	font-style: normal;
}

.contact__info-column a
{
	color: var(--color__brown);
}

.contact__info-column a:hover
{
	color: var(--color__red);
}

.contact__info-column span > span
{
	color: var(--color__brown-lighter);
}

.contact__map .container
{
	padding: 0;
}

.contact__form
{
	padding: calc(2 * var(--padding__default)) 0;

	background: var(--color__beige);
}

@media (max-width: 600px)
{
	.contact__info-column
	{
		width: 100%;
		padding-right: 0;
	}
}