/**
 * Icon grid specific styles
 * 
 */

/** General */
	.featured-icon-grid {

	}	  
	.featured-icon-grid .container {
		display: block;
	}

		.featured-icon-grid .intro {
			text-align: center;
			max-width: 1000px;
			margin: 0 auto;
		}

		.icon-grid {
			display: flex;
			flex-wrap: wrap;
		}

			.featured-icon-grid .icon-grid .single-icon-wrap {
				flex: 0 20%;
				box-sizing: border-box;
				padding: 1em;
				text-align: center;
			}
				.featured-icon-grid .icon-grid .single-icon-wrap a {
					text-decoration: none;
				}

				.featured-icon-grid .icon-grid .single-icon-wrap .image-wrap {
					width: 125px;
					height: 125px;
					margin: 1em auto 1em;
					display: flex;
					justify-content: center;
				}
				
					.featured-icon-grid .icon-grid .single-icon-wrap .image-wrap .image {
					    width: 125px;
						height: 125px;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
						border-radius: 100px;
					}

				.featured-icon-grid .icon-grid .single-icon-wrap span {
					font-size: 18px;
					color: #b43a8d;
					line-height: 1.4em;
				}
				.featured-icon-grid.primary-d13036 .icon-grid .single-icon-wrap span {
					color: #b43a8d;
				}
				.featured-icon-grid.primary-b43a8d .icon-grid .single-icon-wrap span {
					color: #b43a8d;
				}
				.featured-icon-grid.primary-575756 .icon-grid .single-icon-wrap span {
					color: #575756;
				}
				.featured-icon-grid.primary-935f88 .icon-grid .single-icon-wrap span {
					color: #935f88;
				}
				.featured-icon-grid.primary-577491 .icon-grid .single-icon-wrap span {
					color: #577491;
				}
				.featured-icon-grid.primary-175e55 .icon-grid .single-icon-wrap span {
					color: #175e55; 
				}
				.featured-icon-grid.primary-d9a552 .icon-grid .single-icon-wrap span {
					color: #d9a552;
				}

				.featured-icon-grid .icon-grid .single-icon-wrap p {
					max-width: 225px;
					margin: 0 auto;
					line-height: 1.4em;
				}

	.featured-icon-grid .owl-carousel.include-nav .owl-next,
	.featured-icon-grid .owl-carousel.include-nav .owl-prev {
		top: calc(50% - 2em);
	}

	.featured-icon-grid .icon-grid .owl-carousel.include-pagination .owl-pagination {
		margin: 2em 0 0;
	}


/** Responsive */
	@media only screen and (max-width: 1024px) { 

		.featured-icon-grid .icon-grid .single-icon-wrap {
			padding: 2em 1em;
		}

	}

	@media only screen and (max-width: 768px) { 

		.featured-icon-grid .icon-grid {
			flex-wrap: wrap;
			justify-content: center;
		}

		.featured-icon-grid .icon-grid .single-icon-wrap {
			flex: 0 50%;
		}

	}