// Featured Areas & Featured Pages & Related Pages
//==================================================
.featureapage, .featureditem li, .relatedpages li {
	& when (@widget-FA-FP-RP) {
		margin-bottom : 30px;
		.grid-elements(3; @grid-margin-width; false);

		a {
		}

		.page-teaser-image {
			overflow      : hidden;
			margin-bottom : 0.5em;

			img {
			}
		}

		.page-title {
		}

		span, p {
		}

		&:hover {

			a {
			}

			.page-teaser-image {
				img {
				}
			}

			.page-title {
			}

			span, p {
			}
		}
	}
}

// Featured Areas
//==================================================
.featureditem when (@widget-FA) and (@widget-FA-FP-RP){

	li {
	}

	a {
	}

	.page-teaser-image {
		img {
		}
	}

	.page-title {
	}

	span {
	}

	li:hover {

		a {
		}

		.page-teaser-image {
			img {
			}
		}

		.page-title {
		}

		span {
		}
	}

	&[class*="footer-menu"] {
		margin-bottom : 0;
		li {
			width         : 100%;
			margin-bottom : 0.214rem;
			margin-left   : 0;
			margin-right  : 0;
		}
		.page-title {
			margin         : 0;
			font-weight    : bold;
			text-align     : left;
			padding        : 0;
			font-family    : @font-family-text;
			font-size      : 1.142rem;
			text-transform : capitalize;
			.link-color(@brand-primary; #000);
			.inline-block();
		}
	}
	.factor-block & {
		margin-left  : -1%;
		margin-right : -1%;
		.inline-block-wrap();
		.flexbox(row; wrap);
		.flex-justify-content(center);
		li {
			width         : 100%;
			margin-left   : 0;
			margin-right  : 0;
			position      : relative;
			margin-bottom : 2%;
			padding       : 2.142rem;
			background    : @primary-color;
			border-radius : @button-border-radius;
			.box-shadow(0px 2px 15px rgba(0, 0, 0, 0.15));
			.grid-elements(2; @grid-margin-width; false; 2; 2; 1);
			&:nth-child(odd) {
				position : relative;
				z-index  : 1;
			}
			&::before {
				position   : absolute;
				top        : 50%;
				content    : "";
				right      : 100%;
				width      : 2.142rem;
				height     : 2px;
				margin-top : -1px;
				background : @brand-primary;
			}
			& > p:last-child {
				margin-bottom : 0;
			}
		}
		.page-title {
			font-size   : 1.5rem;
			font-weight : bold;
			color       : @brand-primary;
		}
	}
	.locations & {
		display : none;
		li {
			margin       : 0 0 2.25rem;
			padding-left : 3.75rem;
			width        : 100%;
			min-height   : 50px;
			text-align   : left;
			&::before {
				display     : block;
				position    : absolute;
				top         : 0;
				left        : 0;
				line-height : 1;
				font-family : @font-family-icons;
				color       : @brand-primary;
				font-size   : 50px;
				content     : "\e043";

			}
		}
		.page-title {
			font-size   : 1rem;
			line-height : 1.3;
			color       : #494546;
		}
		@media only screen and (max-width : @responsive-size-tablet) {
			display : block;
		}
		@media only screen and (max-width : @responsive-size-mobile) {
			li {
				&::before {
					font-size : 40px;
				}
			}
		}
	}
}

// Featured Pages
//==================================================
.featureapage when (@widget-FP) and (@widget-FA-FP-RP){
	float : left;

	a {
	}

	.page-teaser-image {
		img {
		}
	}

	.page-title {
	}

	p {
	}

	&:hover {
		a {
		}

		.page-teaser-image {
			img {
			}
		}

		.page-title {
		}

		p {
		}
	}
}

// Related Pages
//==================================================
.relatedpages when (@widget-RP) and (@widget-FA-FP-RP){
	li {
	}

	a {
	}

	.page-teaser-image {
		img {
		}
	}

	.page-title {
	}

	span {
	}

	li:hover {
		a {
		}

		.page-teaser-image {
			img {
			}
		}

		.page-title {
		}

		span {
		}
	}
}