.ct-blog-grid-layout1, .ct-blog-carousel-layout1 {
	.item--featured img {
		width: 100%;
	}
	.item--title {
		margin-bottom: 0;
		font-size: 20px;
		line-height: 1.4;
		@media #{$max-lg} {
			font-size: 18px;
		}
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
	}
	.item--content {
		line-height: 1.5;
		margin-top: 8px;
		color: #fff;
	}
	.item--meta {
		list-style: none;
		margin-bottom: 2px;
		display: flex;
		flex-wrap: wrap;
		font-size: 14px;
		color: #888888;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		@media #{$max-sm} {
			font-size: 13px;
		}
		a {
			color: inherit;
			&:hover {
				color: #000;
			}
		}
		i {
			margin-right: 4px;
		}
		li {
			display: flex;
			align-items: center;
			margin-right: 24px;
			@media #{$max-sm} {
				margin-right: 18px;
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}
	.item--readmore {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: -50px;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		opacity: 0;
		visibility: hidden;
		i {
			font-size: 10px;
			position: absolute;
			top: 50%;
			transform: translate(0, -50%);
			right: 40px;
			opacity: 0;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
		}
		.btn {
			background: lighten($primary_color, 0.16);
			&:hover {
				background: lighten($primary_color, 0.16);
				padding-right: 48px;
				i {
					right: 30px;
					opacity: 1;
				}
			}
		}
	}
	.item--holder {
		position: absolute;
		bottom: 0;
		left: 30px;
		right: 30px;
		z-index: 99;
		padding: 32px 28px 22px;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		transform-origin: bottom center;
		-webkit-transform-origin: bottom center;
		@media #{$max-lg} {
			left: 20px;
			right: 20px;
			padding-left: 20px;
			padding-right: 20px;
		}
		@media #{$max-sm} {
			left: 15px;
			right: 15px;
		}
		&:before {
			content: '';
			z-index: -1;
			position: absolute;
			left: 0;
			bottom: 0;
			height: 100%;
			width: 100%;
			background-color: #fff;
			clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
			-webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
			-moz-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
			-ms-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
			-o-clip-path: polygon(0 11%, 100% 0, 100% 100%, 25% 100%, 0 100%);
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
		}
		&:after {
			content: '';
			height: 60%;
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: -2;
			@include box-shadow(0 8px 13px rgba(#0c0c0c, 0.05));
		}
		&.item--hover {
			padding-top: 36px;
			padding-bottom: 49px;
			@include transform(scaleY(0));
			opacity: 0;
			&:before {
				@include background-horizontal($gradient_color_from, $gradient_color_to);
				opacity: 0.9;
			}
			&:after {
				display: none;
			}
			.item--title {
				color: #fff;
			}
		}
	}
	.grid-item-inner {
		position: relative;
		padding-bottom: 64px;
		margin-bottom: 80px;
		&:hover {
			.item--readmore { 
				opacity: 1;
				visibility: visible;
				bottom: -25px;
				-webkit-transition-delay: 0.12s;
                -moz-transition-delay: 0.12s;
                transition-delay: 0.12s;
			}
			.item--holder {
				&.item--main {
					opacity: 0;
					@include transform(scaleY(0));
				}
				&.item--hover {
					@include transform(scaleY(1));
					opacity: 1;
				}
			}
		}
	}
	.ct-grid-pagination {
		margin-top: -20px;
	}
}

@media #{$max-xxl} {
	.ct-blog-grid-layout1 {
		.item--holder {
			padding-left: 20px;
			padding-right: 15px;
			left: 15px;
			right: 15px;
		}
		.item--meta { 
			font-size: 13px;
		}
		.item--title {
			font-size: 18px;
		}
		.item--content {
			font-size: 15px;
		}
	}
}

.ct-blog-carousel-layout1 {
	.grid-item-inner {
		margin-bottom: 25px;
	}
}

.ct-blog-grid-layout2, .ct-blog-carousel-layout2 {
	.item--category {
		font-size: 14px;
		text-transform: uppercase;
		position: absolute;
		top: 15px;
		right: 15px;
		background-color: $primary_color;
		padding: 5px 10px 2px;
		@include border-radius(2px);
	    overflow: hidden;
	    z-index: 1;
		@include transform(scaleY(1));
		opacity: 1;
		-webkit-transition-delay: 0.12s;
        -moz-transition-delay: 0.12s;
        transition-delay: 0.12s;
		a {
			color: #fff;
		}
	}
	.item--featured {
		img {
			width: 100%;
		}
	}
	.item--main {
		padding: 20px 20px 23px 28px;
		background-color: #fff;
		bottom: 0;
		left: 0;
		right: 0;
		@include transform(scaleY(1));
		opacity: 1;
		-webkit-transition-delay: 0.12s;
        -moz-transition-delay: 0.12s;
        transition-delay: 0.12s;
        @include transition(.3s cubic-bezier(.24,.74,.58,1));
		.item--title {
			margin-bottom: 0;
			font-size: 26px;
			line-height: 28px;
			a {
				color: $secondary_color;
			}
		}
		.item--meta {
			list-style: none;
			margin-bottom: 13px;
			li {
				display: inline-block;
				color: $third_color;
				padding-right: 13px;
				position: relative;
				&.item-author {
					a {
						color: $primary_color;
					}
				}
				&:after {
					width: 1px;
					height: 23px;
					display: inline-block;
					content: "";
					background-color: rgba( $third_color, 0.4 );
					margin-left: 5px;
					position: absolute;
					right: 0;
					top: 50%;
					@include transform(translateY(-50%));
				}
				&:last-child {
					padding-right: 0;
					&:after {
						opacity: 0;
						display: none;
					}
				}
				i {
					position: relative;
					top: 1px;
					margin-right: 5px;
					color: #000;
				}
				+ li {
					margin-left: 10px;
				}
				a {
					color: inherit;
				}
			}
		}
	}
	.item--holder-inner {
		height: 100%;
		padding: 45px 20px 20px 25px;
		position: relative;
		z-index: 1;
		overflow: hidden;
		&:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			background-color: rgba( #000, 0.3 );
		    -webkit-filter: blur(8px);
		    filter: blur(8px);
		}
		@media #{ $max-lg } {
			padding: 35px 15px;
		}
		.item--title {
			font-size: 26px;
			line-height: 28px;
			margin-bottom: 20px;
			@media #{ $min-xl } {
				padding-right: 60px;
			}
			a {
				color: #fff;
			}
		}
		.item--content {
			font-size: 16px;
			color: #fff;
			line-height: 30px;
			margin-bottom: 27px;
			@media #{ $min-xl } {
				padding-right: 20px;
			}
		}
		.item--featured-hover {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-size: cover;
			z-index: -2;
		    -webkit-filter: blur(8px);
		    filter: blur(8px);
		    @include transform(scale(1.3));
		}
	}
	.btn-readmore {
		display: inline-block;
		height: 45px;
		line-height: 48px;
		padding: 0 22px 0 25px;
		@include border-radius(5px);
		background-color: $primary_color;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		@include box-shadow(0 10px 30px rgba($primary_color, 0.29));
		@extend .btn-hover;
		i {
			font-size: 12px;
			line-height: 1;
			margin-left: 2px;
			position: relative;
			top: 1px;
			@include transition(all 300ms linear 0ms);
		}
		&:hover {
			i {
				@include animation(toRightFromLeft 0.3s linear 1);
			}
		}
	}
	.item--hover {
		position: absolute;
		top: 0;
		padding-right: 25px;
		height: 100%;
		left: -1px;
		@include transform(scaleY(0));
		transform-origin: top center;
		-webkit-transform-origin: top center;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		.item--date {
			background-color: $primary_color;
			color: #fff;
			text-transform: uppercase;
			font-size: 14px;
			width: 75px;
			min-width: 75px;
			height: 75px;
			z-index: 2;
			display: flex;
			align-items: center;
	    	justify-content: center;
	    	flex-direction: column;
	    	@include box-shadow(0 5px 20px rgba($third_color, 0.19));
			position: absolute;
			top: 0;
			right: 0;
			span {
				font-size: 18px;
				+ span {
					font-size: 12px;
				}
			}
			&:after {
                background: #b62705;
                height: 20px;
                width: 25px;
                content: "";
                right: 0;
                bottom: -20px;
                position: absolute;
                clip-path: polygon(100% 0, 0 0, 0 80%);
				-webkit-clip-path: polygon(100% 0, 0 0, 0 80%);
				-moz-clip-path: polygon(100% 0, 0 0, 0 80%);
				-ms-clip-path: polygon(100% 0, 0 0, 0 80%);
				-o-clip-path: polygon(100% 0, 0 0, 0 80%);
			}
		}
	}
	.item--holder {
		position: absolute;
	}
	.grid-item-inner {
		@include transition(all 300ms linear 0ms);
		overflow: hidden;
		@include border-radius(8px);
		position: relative;
		margin-bottom: 35px;
		@include box-shadow(0 5px 30px rgba($third_color, 0.09));
		&:hover {
			@include border-radius(8px 0 8px 8px);
			@include box-shadow(0 10px 30px rgba($third_color, 0.19));
			.item--category {
				@include transform(scaleY(0));
				opacity: 0;
				transform-origin: bottom center;
				-webkit-transform-origin: bottom center;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
			.item--hover{ 
				@include transform(scaleY(1));
				opacity: 1;
				-webkit-transition-delay: 0.12s;
                -moz-transition-delay: 0.12s;
                transition-delay: 0.12s;
			}
			.item--main {
				@include transform(scaleY(0));
				opacity: 0;
				transform-origin: bottom center;
				-webkit-transform-origin: bottom center;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
		}
	}
}
.ct-blog-carousel-layout2 {
	.container-custom {
		margin-bottom: 48px;
		@media #{ $min-lg } {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    padding: 0 75px;
		}
		@media #{ $max-md } {
			padding: 0 15px;
		}
	    .wp-meta {
	    	position: relative;
	    	.title-holder {
				position: absolute;
			    top: -18px;
			    left: -65px;
			    text-stroke-color: rgba($third_color, 0.2);
			    -webkit-text-stroke-color: rgba($third_color, 0.2);
			    text-stroke-width: 1px;
			    -webkit-text-stroke-width: 1px;
			    color: transparent!important;
			    font-size: 100px;
			    @media #{ $max-lg } {
			    	font-size: 60px;
			    	left: 0;
			    }
			    @media #{ $max-sm } {
			    	font-size: 40px;
			    }
	    	}
	    	.el--sub-title {
				font-size: 18px;
				font-weight: 700;
				color: $primary_color;
				margin-bottom: 9px;
				@media #{$max-sm} {
					font-size: 16px;
				}
	    	}
	    	.el--title {
				font-size: 46px;
				line-height: 1.1428;
				position: relative;
				padding-bottom: 12px;
				margin-left: -3px;
				&:after {
					position: absolute;
					content: "";
					display: inline-block;
					width: 60px;
					height: 2px;
					background-color: $primary_color;
					bottom: 0;
					left: 2px;
				}
				@media #{ $max-lg } {
					font-size: 40px;
				}
				@media #{ $max-md } {
					font-size: 35px;
				}
	    	}
	    }
		.append-dots-custom {
			.slick-dots {
				margin-top: 0px;
				margin-bottom: 0;
				counter-reset: number;
				padding-left: 10px;
				padding-right: 10px;
				li {
				    margin: 0 2px 0 0px;
				    display: inline-block;
				    cursor: pointer;
				    @include transition(all 300ms linear 0ms);
				    font-size: 14px;
			    	&:after {
			    		content: "/";
			    		display: inline-block;
			    		color: #000000;
			    	}
			    	&:last-child {
			    		&:after {
			    			display: none;
			    		}
			    	}
				    @media #{ $min-lg } {
				      height: 18px;
				      line-height: 18px;
				    }
				    &:before {
				      @include transition(all 300ms linear 0ms);
				        counter-increment: number;
				        content: '0'counter(number);
				        font-size: 14px;
				        font-weight: bold;
				        color: #000000;
				    }
				    button {
				      font-size: 0;
				      line-height: 1;
				      padding: 0;
				      width: 0;
				      border: none;
				      overflow: visible;
				      @include transition(all 300ms linear 0ms);
				      &:after {
				      	display: none;
				      }
				    }
				    &.slick-active {
						&:before {
							color: $primary_color;
						}
						button {
							height: 2px;
							position: relative;
							top: -2px;
							@include transition(all 300ms linear 0ms);
							background-color: $primary_color;
						}
				    }
				}
			}
		}
		.append-arrows-custom {
			display: flex;
		    align-items: center;
		    justify-content: center;
		    padding-top: 20px;
		    .slick-arrow {
		    	font-size: 0;
		    	cursor: pointer;
		    	&:before {
	                @include transition(all 300ms linear 100ms);
	                width: 100%;
	                height: 100%;
	                text-align: center;
	                font-family: "Caseicon";
	                color: inherit;
	                font-size: 18px;
	                font-weight: bold;
	                color: #000;
		    	}
                &:hover {
                	&:before {
                		color: $primary_color;
                	}
                }
		    	&.slick-prev {
		    		@include transform(rotate(-180deg));
	                &:before {
	                    content: "\f121";
	                }
		    	}
		    	&.slick-next {
	                &:before {
	                    content: "\f121";
	                }
		    	}
		    }
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}
}
.ct-blog-grid-layout3, .ct-blog-carousel-layout3 {
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}
	.item--featured {
		margin-bottom: 31px;
		overflow: hidden;
		border-radius: 8px;
		img {
			border-radius: 8px;
			width: 100%;
			@include transform(scale(1.05));
			@include transition(all 300ms linear 0ms);
		}
	}
	.item-date {
		@include border-radius(5px);
		padding: 3px 18px;
		background-color: #e6f0fe;
		color: #0a69f9;
		font-size: 18px;
		font-weight: 500;
		display: inline-block;
		margin-bottom: 25px;
	}
	.item--title {
		font-size: 24px;
		font-weight: 800;
		margin-bottom: 25px;
		@media #{ $min-xxl } {
			padding-right: 50px;
		}
		a {
			color: #0d003d;
		}
	}
	a.btn-readmore {
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		font-weight: 400;
		font-size: 25px;
		color: #fff;
		background-color: #0a69f9;
		display: inline-block;
		@include border-radius(4px);
	}
	.item--meta {
		padding-left: 5px;
		padding-right: 5px;
	}
	.grid-item-inner {
		@include box-shadow(0 5px 20px rgba($third_color, 0.19));
		padding: 15px 15px 30px;
		@include border-radius(8px);
		margin-top: 25px;
		margin-bottom: 35px;
		&:hover {
			.item--featured {
				img {
					@include transform(scale(1));
				}
			}
			.item--title {
				a {
					color: #00d09b;
				}
			}			
			a.btn-readmore {
				background-color: #00d09b;
				@include animation(flipX 0.3s linear 1);
			}
		}
	}
}
.ct-blog-grid-layout3 {
	.grid-item-inner {
		margin-bottom: 10px;
	}
}
.ct-blog-carousel-layout3 {
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}
	.container-custom {
		margin-bottom: 28px;
	    padding: 0 15px;
		@media #{ $min-dm } {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		}
	    .wp-meta {
	    	position: relative;
	    	.title-holder {
				position: absolute;
			    top: -18px;
			    left: -65px;
			    text-stroke-color: rgba($third_color, 0.2);
			    -webkit-text-stroke-color: rgba($third_color, 0.2);
			    text-stroke-width: 1px;
			    -webkit-text-stroke-width: 1px;
			    color: transparent!important;
			    font-size: 100px;
			    @media #{ $max-lg } {
			    	font-size: 60px;
			    }
			    @media #{ $max-sm } {
			    	font-size: 40px;
			    }
	    	}
	    	.el--sub-title {
				font-size: 18px;
				font-weight: 700;
				color: $primary_color;
				margin-bottom: 9px;
				@media #{$max-sm} {
					font-size: 16px;
				}
				&.image-bg {
					position: relative;
					padding-left: 25px;
					margin-bottom: 18px;
					.img-bg {
						position: absolute;
						left: 0;
						top: 50%;
						@include transform(translateY(-50%));
						img {
							max-width: 100%;
							max-height: 100%;
						}
					}
				}
	    	}
	    	.el--title {
				font-size: 46px;
				line-height: 1.1428;
				position: relative;
				@media #{ $max-lg } {
					font-size: 40px;
				}
				@media #{ $max-md } {
					font-size: 35px;
				}
	    	}
	    }
		.append-arrows-custom {
			display: flex;
		    align-items: center;
		    justify-content: center;
		    padding-top: 20px;
		    .slick-arrow {
		    	font-size: 0;
	    		width: 40px;
	    		height: 40px;
	    		line-height: 40px;
	    		@include border-radius(5px);
	    		display: inline-block;
	    		text-align: center;
	    		background-color: $secondary_color;
	    		overflow: hidden;
	    		cursor: pointer;
	    		@include transition(all 300ms linear 100ms);
		    	&:before {
	                @include transition(all 300ms linear 100ms);
	                text-align: center;
	                font-family: "Caseicon";
	                color: inherit;
	                font-size: 16px;
	                font-weight: bold;
	                color: #fff;
		    	}
		    	&.slick-prev {
		    		margin-right: 10px;
	                &:before {
	                    content: "\f113";
	                }
	                &:hover {
	                	background-color: #00d09b;
	                }
		    	}
		    	&.slick-next {
		    		margin-left: 10px;
	                &:before {
	                    content: "\f114";
	                }
	                &:hover {
	                	background-color: #00d09b;
	                }
		    	}
		    }
		}
	}
}
.ct-blog-grid-layout4, .ct-blog-carousel-layout4 {
	.item--featured {
		position: relative;
		margin-bottom: 20px;
		img {
			@include border-radius(7px);
			width: 100%;
		}
		.item--meta {
			position: absolute;
			bottom: -25px;
			left: 15px;
			right: 15px;
		}
	}
	.item--meta {
		margin-bottom: 0;
		list-style: none;
		padding: 9px 15px;
		@include border-radius(7px);
		background-color: $secondary_color;
		@include transition(all 300ms linear 100ms);
		li {
			display: inline-block;
			color: #fff;
			margin-right: 10px;
			font-size: 16px;
			&:last-child {
				margin-right: 0;
			}
			i {
				margin-right: 3px;
				position: relative;
				top: 2px;
			}
			a {
				color: #fff;
			}
		}
	}
	.item--title {
		font-size: 26px;
		font-weight: bold;
		color: $secondary_color;
		margin-bottom: 22px;
		@media #{ $max-sm } {
			font-size: 20px;
		}
		a {
			color: inherit;
		}
	}
	.item--readmore {
		display: inline-block;
		a {
			@include font-family-heading($heading_default_font);
			font-weight: 600;
			display: inline-block;
			height: 36px;
			line-height: 36px;
			padding: 0 13px;
			font-size: 14px;
			@include border-radius(35px);
			background-color: $secondary_color;
			color: #fff;
			font-style: normal;
			overflow: hidden;
			position: relative;
		    display: flex;
		    align-items: center;
		    &:after {
		      content: "";
		      background: #fff;
		      -webkit-transition: all .8s;
		      -ms-transition: all .8s;
		      transition: all .8s;
		      position: absolute;
		      height: 120%;
		      width: 15px;
		      opacity: .2;
		      left: -35%;
		      top: -10%;
		      transform: rotate(15deg);
		      -moz-transform: rotate(15deg);
		      -webkit-transform: rotate(15deg);
		      -o-transform: rotate(15deg);
		    }
			i {
				font-size: 25px;
				margin-left: 3px;
				position: relative;
				top: -1px;
				font-style: normal;
				font-weight: 500;
			}
		    &:hover, &:focus {
		      background: $primary_color;
		      &:after {
		        left: 130%;
		      }
		    }
		}
	}
	.item--body {
		padding: 25px 5px 30px;
	}
	.grid-item-inner {
		padding: 10px;
		background-color: #fff;
		@include border-radius(7px);
		box-shadow: 0 0 5px rgba( $secondary_color, 0.08 );
		margin-bottom: 15px;
		margin-top: 15px;
		&:hover {
			.item--meta {
				background-color: #f10030;
			}
			.item--readmore {
				a {
					@include background-horizontal(#a8003d, #f30030);
					color: #fff;
				}
			}
		}
	}
}

.ct-blog-grid-layout5 {
    .entry-featured {
        position: relative;
        overflow: hidden;
        @include border-radius(7px 7px 0 0);
        a {
        	display: block;
        }
        img {
            @include transition(.3s cubic-bezier(.24,.74,.58,1));
            width: 100%;
        }
        + .entry-body {
            padding-top: 65px;
            border-top: none;
            @include border-radius(0 0 7px 7px);
            @media #{$max-lg} {
                padding-top: 40px;
            }
            @media #{$max-sm} {
                padding-top: 35px;
            }
        }
    }
    .entry-body {
        border: 1px solid #eeeeee;
        padding: 30px 20px 45px;
        @media #{ $max-sm } {
            padding: 30px 15px 30px;
        }
    }
    .entry-title {
        font-size: 36px;
        margin-bottom: 24px;
        word-break: break-all;
        @media #{ $max-md } {
            font-size: 25px;
            margin-bottom: 20px;
        }
        a {
            color: inherit;
            &:hover {
                color: $primary_color;
            }
        }
    }
    .item--meta {
    	li {
    		&.item--comment {
	    		a {
	    			&:hover {
	    				color: $primary_color;
	    			}
	    		}
    		}
    	}
    }
    .entry-excerpt {
        margin-bottom: 42px;
        color: rgba( $third_color, 0.7 );
    }
    .entry-readmore {
        a {
            height: 50px;
            line-height: 50px;
            padding-left: 22px;
            padding-right: 22px;
            @include border-radius( 35px);
            background-color: $secondary_color;
            display: inline-block;
            color: #fff;
            z-index: 1;
            position: relative;
            overflow: hidden;
		    &:after {
		      content: "";
		      background: #fff;
		      -webkit-transition: all .8s;
		      -ms-transition: all .8s;
		      transition: all .8s;
		      position: absolute;
		      height: 120%;
		      width: 15px;
		      opacity: .2;
		      left: -35%;
		      top: -10%;
		      transform: rotate(15deg);
		      -moz-transform: rotate(15deg);
		      -webkit-transform: rotate(15deg);
		      -o-transform: rotate(15deg);
		    }
		    &:hover, &:focus {
		      background: $primary_color;
		      &:after {
		        left: 130%;
		      }
		    }
            i {
                font-size: 18px;
                font-weight: 400;
                margin-left: 2px;
                font-style: normal;
            }
        }
    }
	.grid-item-inner {
		margin-bottom: 40px;
	}
}
.ct-blog-carousel-layout5 {
	.item--featured {
		
	}
    .item--readmore {
    	margin-top: 20px;
        a {
            height: 45px;
            line-height: 45px;
            padding-left: 22px;
            padding-right: 22px;
            @include border-radius( 2px);
            background-color: $secondary_color;
            display: inline-block;
            color: #fff;
            z-index: 1;
            position: relative;
            overflow: hidden;
		    &:after {
		      content: "";
		      background: #fff;
		      -webkit-transition: all .8s;
		      -ms-transition: all .8s;
		      transition: all .8s;
		      position: absolute;
		      height: 120%;
		      width: 15px;
		      opacity: .2;
		      left: -35%;
		      top: -10%;
		      transform: rotate(0deg);
		      -moz-transform: rotate(0deg);
		      -webkit-transform: rotate(0deg);
		      -o-transform: rotate(0deg);
		    }
		    &:hover, &:focus {
		      background: $primary_color;
		      &:after {
		        left: 130%;
		      }
		    }
            i {
                font-size: 18px;
                font-weight: 400;
                margin-left: 2px;
                font-style: normal;
            }
        }
    }
	.item--body {
		position: relative;
		padding: 18px 33px 30px;
		background-color: #fafafa;
		@include transition(all .3s);
		@media #{ $max-md } {
			padding: 18px 15px 25px;
		}
        &:after {
            content: "";
            height: 5px;
            width: 0;
            background-color: $primary_color;
            position: absolute;
            bottom: 0px;
            right: 0;
            z-index: 1;
            transform-origin: left;
            -moz-transform-origin: left;
            -ms-transform-origin: left;
            -webkit-transform-origin: left;
            -o-transform-origin: left;
            @include transition(all .3s);
        }
		.item--meta {
			list-style: none;
			padding-bottom: 13px;
			border-bottom: 1px solid #dddddd;
			margin-bottom: 13px;
			font-size: 14px;
			li {
				display: inline-block;
				margin-right: 18px;
				color: #8799a3;
				+ li {
					&:before {
						margin-right: 18px;
						content: "";
						display: inline-block;
						width: 4px;
						height: 4px;
						@include border-radius(4px);
						background-color: #8799a3;
					}
				}
				&.item-author {
					a {
						color: $primary_color;
					}
				}
				i {
					position: relative;
					top: 2px;
					margin-right: 5px;
				}
				a {
					color: inherit;
					&:hover {
						color: $primary_color;
					}
				}
			}
		}
		.item--title {
			font-size: 32px;
			font-weight: 500;
			margin-bottom: 0;
			a {
				color: $secondary_color;
				&:hover {
					color: $primary_color;
				}
			}
		}
	}
	.grid-item-inner {
		@include transition(all .3s);
		&:hover {
			.item--body {
	            &:after {
	                width: 100%;
	                left: 0;
	                right: auto;
	                transform-origin: right;
	                -moz-transform-origin: right;
	                -ms-transform-origin: right;
	                -webkit-transform-origin: right;
	                -o-transform-origin: right;
	            }
			}
		}
	}
}

.ct-blog-carousel-layout6, .ct-blog-grid-layout6 {
	.item--featured {
		overflow: hidden;
		img {
			@include transition( 6s cubic-bezier(.24,.74,.58,1) );
		}
	}
	.item--category {
		padding-left: 30px;
		position: absolute;
		top: -20px;
		a {
			background-color: $primary_color;
			color: #fff;
			display: inline-block;
			padding: 5px 15px;
			@include border-radius(25px);
			+ a {
				margin-left: 5px;
			}
		}
	}
	.list--meta {
		list-style: none;
		margin-bottom: 0;
		li {
			color: #666666;
			display: inline-block;
			margin-right: 10px;
			border-right: 1px solid #d2d2d2;
			padding-right: 15px;
			font-size: 14px;
			&:last-child {
				border-right: none;
				margin-right: 0;
				padding-right: 0;
			}
			i {
				margin-right: 5px;
				color: #000;
				position: relative;
				top: 1px;
			}
			a {
				color: #ff8400;
				&:hover {
					color: $primary_color;
				}
			}
		}
	}
    a.btn-readmore {
    	width: 38px;
    	text-align: center;
        height: 35px;
        line-height: 34px;
        @include border-radius( 2px);
        background-color: #ededed;
        display: inline-block;
        color: #000000;
        z-index: 1;
        position: absolute;
        top: 10px;
        right: 12px;
        overflow: hidden;
	    &:after {
	      content: "";
	      background: #fff;
	      -webkit-transition: all .8s;
	      -ms-transition: all .8s;
	      transition: all .8s;
	      position: absolute;
	      height: 120%;
	      width: 15px;
	      opacity: .2;
	      left: -35%;
	      top: -10%;
	      transform: rotate(0deg);
	      -moz-transform: rotate(0deg);
	      -webkit-transform: rotate(0deg);
	      -o-transform: rotate(0deg);
	    }
	    &:hover, &:focus {
	      background: $primary_color;
	      color: #fff;
	      &:after {
	        left: 130%;
	      }
	    }
        i {
            font-size: 18px;
            font-weight: 400;
            margin-left: 2px;
            font-style: normal;
        }
    }
	.item--title {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 15px 20px 15px 30px;
		@media #{ $min-xxl } {
			max-width: 80%;
		}
		a {
			color: $secondary_color;
			&:hover {
				color: $primary_color;
			}
		}
	}
	.meta-bottom {
		border-top: 1px solid #f0f0f0;
		padding: 15px 55px 15px 30px;
		position: relative;
	}
	.item--body {
		position: relative;
		@include transition(all .3s);
		padding-top: 30px;
	}
	.grid-item-inner {
		@include transition(all .3s);
		@include box-shadow(0 8px 13px rgba(#0c0c0c, 0.05));
		margin-top: 15px;
		margin-bottom: 40px;
		&:hover {
			@include box-shadow(0 8px 33px rgba(#0c0c0c, 0.1));
			.item--featured {
				img {
					@include transform(scale(1.3));
				}
			}
		}
	}
}