/**
 * Featured article grid specific styles
 * 
 */

/** General */
	.featured-article-grid .container {
		display: block;
	}

		.featured-article-grid .article-grid {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
			margin-top: 2em;
		}

			.featured-article-grid .owl-carousel .owl-stage{
				display: flex;
			}

			.featured-article-grid .article-grid .single-article-wrap {
				flex: 0 25%;
				height: 100%;
				box-sizing: border-box;
				background: #fff;
			}

			.featured-article-grid.bg-white .article-grid .single-article-wrap {
				background: #f7f7f7;
			}

				.featured-article-grid .article-grid .single-article-wrap a.single-article {
					text-decoration: none;
				}

				.featured-article-grid .article-grid .single-article .image-wrap-wrapper {
					width: 100%;
					height: 200px;
					overflow: hidden;
					position: relative;
				}

					.featured-article-grid .article-grid .single-article .image-wrap-wrapper .industry {
						position: absolute;
						top: 18px;
						right: 0;
						color: #ffffff;
						font-weight: 500;
						font-size: 15px;
						letter-spacing: 0.02em;
						text-transform: uppercase;
						background-color: #d13036;
						padding: 0.75em 1em;
					}
						.featured-article-grid.primary-d13036 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #d13036;
						}
						.featured-article-grid.primary-b43a8d .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #b43a8d;
						}
						.featured-article-grid.primary-575756 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #575756;
						}
						.featured-article-grid.primary-935f88 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #935f88;
						}
						.featured-article-grid.primary-577491 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #577491;
						}
						.featured-article-grid.primary-175e55 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #175e55;
						}
						.featured-article-grid.primary-d9a552 .article-grid .single-article .image-wrap-wrapper .industry {
							background-color: #d9a552;
						}

					.featured-article-grid .article-grid .single-article .image-wrap {
						height: 200px;
						overflow: hidden;
						text-align: center;
						position: relative;
						background-size: cover;
						background-position: center;
						transition: transform .2s ease-in-out,opacity .3s ease;
					}
						.bg-white.featured-article-grid .article-grid .single-article .image-wrap { 
							background-color: #f7f7f7;
						}
						.featured-article-grid .article-grid .single-article-wrap:hover .image-wrap {
							transform: scale(1.05);
						}

				.featured-article-grid .article-grid .content-wrap {
					padding: 1em 1.5em;
				}

				.featured-article-grid .article-grid .single-article h3 {
					font-size: 15px;
					font-weight: 700;
					line-height: 1.6;
					color: #151617;
					margin: 0 0 1em;
				}

				.featured-article-grid .article-grid .content-wrap h4{
					margin-bottom: 1em;
					font-size: 1em;
				}
				
				.featured-article-grid .article-grid .single-article p {
					line-height: 1.5;
				}

				.featured-article-grid .article-grid .single-article p:last-of-type {
					margin-bottom: 0;
				}

				.featured-article-grid .article-grid .single-article .image-wrap a {
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					text-indent: -9999px;
					overflow: hidden;
				}
		.featured-article-grid .owl-controls {
			width: 100%;
		}
		.featured-article-grid .owl-carousel.include-pagination .owl-dots {
			margin: 3em 0 0;
		}

		.featured-article-grid .buttons {
			text-align: center;
		}



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

		.featured-article-grid .article-grid .single-article .content-wrap {
			padding: 2em 1.5em;
		}

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

	}

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



	}