/*----------------------------------------------------------------- */
/* SHORTCODES
/*----------------------------------------------------------------- */

/* SERVICE TABLE
----------------------------------------- */
.services-table
{
	margin-bottom: 120px;
}

.services-table h2
{
	font-size: var(--line-height__default);

	margin-bottom: 35px;

	letter-spacing: 0.37px;
}

.services-table__filter
{
	font-size: var(--font-size__small);

	margin-bottom: 25px;

	color: var(--color__grey-lightest);
}

.services-table__filter span
{
	display: block;

	margin-bottom: 10px;
}

.services-table__filter label
{
	display: inline-flex;

	margin: 0 40px 10px 0;
}

.services-table__filter .filter_license_checker
{
	position: relative;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin-bottom: 0;
	padding-left: 32px;
}

.services-table__filter label input
{
	display: none;
}

.filter_license_checker::before
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: '';

	border: 1px solid var(--color__grey-lightest);
	border-radius: 4px;
}

.filter_license_checker::after
{
	position: absolute;
	z-index: 2;
	top: 6px;
	left: 4px;

	width: 12px;
	height: 5px;

	content: '';
	transition: var(--transition-delay__default);
	-webkit-transform: rotate( 317deg );
	        transform: rotate( 317deg );

	opacity: 0;
	border: 1px solid var(--color__brown);
	border-width: 0 0 1px 1px;
}

.services-table__filter input:checked + .filter_license_checker::before
{
	border-color: var(--color__brown);
	background: var(--color__grey-light);
}

.services-table__filter input:checked + .filter_license_checker::after
{
	opacity: 1;
}

@media (max-width: 960px)
{
	.services-table
	{
		margin-bottom: 60px;
	}
}