/* --------------------------- Boxed Sections Block -------------------------- */

.boxed-sections
{
	padding: 0 var(--gap_spacing_default);
}

.boxed-sections.bp
{
	padding-bottom: var(--gap_spacing_default);
}

.boxed-sections h2.thin
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.box-sections-content, .box-sections-tagline
{
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.box-sections-content
{
	margin-bottom: var(--gap_spacing_default);
}

.box-sections-tagline
{
	margin-top: var(--gap_spacing_default);
	font-weight: 700;
}

.boxed-sections-list
{
	display: grid;
	grid-gap: var(--gap_spacing_default);
}

.boxed-sections-list.list-items-2, .boxed-sections-list.list-items-4
{
	grid-template-columns: 1fr 1fr;
}

.boxed-sections-list.list-items-3, .boxed-sections-list.list-items-6
{
	grid-template-columns: 1fr 1fr 1fr;
}

.boxed-sections-list.list-items-5
{
	grid-template-columns: repeat(12, 1fr);
}

.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(1)
{
	grid-column: 1 / 7;
	grid-row: 1;
}

.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(2)
{
	grid-column: 7 / 13;
	grid-row: 1;
}

.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(3)
{
	grid-column: 1 / 5;
	grid-row: 2;
}

.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(4)
{
	grid-column: 5 / 9;
	grid-row: 2;
}

.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(5)
{
	grid-column: 9 / 13;
	grid-row: 2;
}

.boxed-sections-list-item
{
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: grid;
	justify-content: center;
	align-items: center;
	padding: var(--gap_spacing_default);
	min-height: 410px;
	text-align: center;
	color: #FFF;
}

.boxed-sections-list-item::before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}

.boxed-sections-list-item h2
{
	color: #FFF;
	font-size: var(--heading_tag_size_medium_alt);
	line-height: var(--heading_tag_line_height_medium_alt);
}

.boxed-sections-list-item-content
{
	position: relative;
	z-index: 2;
}

.boxed-sections-list-item-content p
{
	margin-bottom: var(--gap_spacing_default);
}

.boxed-sections-list-item-content a
{
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.boxed-sections-list-item-content a:hover
{
	color: var(--theme_color_secondary);
}

.boxed-sections-list-item-content a svg
{
	width: 20px;
	margin-left: 10px;
}

@media (max-width: 1400px) {

	.boxed-sections-list.list-items-3 .boxed-sections-list-item,
	.boxed-sections-list.list-items-5 .boxed-sections-list-item,
	.boxed-sections-list.list-items-6 .boxed-sections-list-item
	{
		min-height: 310px;
	}

}

@media (max-width: 1100px) {

	.boxed-sections-list.list-items-2 .boxed-sections-list-item,
	.boxed-sections-list.list-items-4 .boxed-sections-list-item
	{
		min-height: 310px;
	}

	.boxed-sections-list.list-items-3, .boxed-sections-list.list-items-5, .boxed-sections-list.list-items-6
	{
		grid-template-columns: 1fr 1fr;
	}

	.boxed-sections-list.list-items-3 .boxed-sections-list-item:last-child,
	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(5)
	{
		grid-column: 1 / 3;
		grid-row: 3;
	}

	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(1),
	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(2),
	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(3),
	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(4)
	{
		grid-column: auto;
		grid-row: auto;
	}

}

@media (max-width: 900px) {

	.boxed-sections-list.list-items-2, .boxed-sections-list.list-items-3,
	.boxed-sections-list.list-items-4, .boxed-sections-list.list-items-5,
	.boxed-sections-list.list-items-6
	{
		grid-template-columns: 1fr;
	}

	.boxed-sections-list.list-items-3 .boxed-sections-list-item:last-child,
	.boxed-sections-list.list-items-5 .boxed-sections-list-item:nth-child(5)
	{
		grid-column: auto;
		grid-row: auto;
	}

}

@media (max-width: 768px) {

    .boxed-sections-list-item h2
    {
        font-size: var(--heading_tag_size_small_alt);
        line-height: var(--heading_tag_line_height_small_alt);
    }

}