????

Your IP : 18.116.13.192


Current Path : /home/innovagencyco/www/statxpress/wp-content/themes/electro/assets/scss/theme/blog/
Upload File :
Current File : /home/innovagencyco/www/statxpress/wp-content/themes/electro/assets/scss/theme/blog/_post-item.scss

article.post {
	margin-bottom: 6.786em;
    position: relative;

	.media-attachment{
		margin-bottom: 2.143em;

		.media-attachment-gallery {
			.owl-carousel {
				.owl-item {
					figure {
						margin-bottom: 0;
					}
				}

				.owl-dots {
					position: relative;
					margin-top: -1.643em;
					top: 0.714em;
					transition: all 200ms ease-out 0s;
					opacity: 0;
					margin-left: 2.500em;
					text-align: left;
				}

				&:hover,
				&:focus {
					.owl-dots {
						top: -2em;
						opacity: 1;
					}
				}
			}
		}

		.electro-img-placeholder {
			position: relative;

			i {
				color: $white;
			    font-size: 3.571em;
			    left: 50%;
			    position: absolute;
			    top: 50%;
			    transform: translate(-50%, -50%);
			}
		}
	}

	.entry-header {
		border-bottom: 1px solid $border-color;
		margin-bottom: 1.429em;

		h1.entry-title {
			font-size: 1.786em;
			letter-spacing: -0.025em;
			font-weight: 400;
			margin-bottom: 0.360em;
			padding-bottom: 0.360em;

			a {
				color: #434343;

				&:hover,
				&:focus {
					color: $black;
				}
			}
		}

		.entry-meta {
			padding-bottom: 1.071em;

			div,span {
				display: inline-block;
				font-size: 0.929em;
				line-height: 1.231em;
				padding-right: 0.769em;
				color: #878787;

				&:after {
					color: #9f9f9f;
				    content: "\f111";
					@include fa-icon();
					@include fa-fas;
				    font-size: 0.385em;
				    line-height: 0.385em;
				    padding-left: 2.000em;
				    position: relative;
				    top: -0.600em;
				}

				&:last-child {
					&:after {
						display: none;
					}
				}
			}

			.meta-label,
			.tags-links {
				display: none;
			}

			a {
				color: #878787;
			}
		}
	}

	.entry-content {
		color: #747474;

		.page-links {
			color: #262626;
			font-weight: 700;

			.page-links-label {
				font-weight: 400;
				background-color: transparent;
				border: none;
				padding: 0;
			}

			a {
				color: #7e7e7e;
				font-weight: 400;

				&:hover,
				&:focus {
					color: #262626;
				}
			}

			> a, > span {
				display: inline-block;
				border: 1px solid $border-color;
				padding: 0.357em 0.714em;
				line-height: 1em;
			}

			> span {
				background-color: #fed700;
			}
		}

		dl, ol, ul {
			margin-bottom: 2.143em;
		}

		iframe{
	    	width: 100%;
	    	border: none;
	    }
	}

	.post-readmore {
	    position: relative;
    	display: inline-block;
    	margin-right: 1.143em;

    	.btn-primary {
    		@include button-variant( $body-color, #efecec, #efecec );
    		padding: 0.786em 3.000em;
    		font-weight: 400;
    	}
	}

	.comments-link,
	.likes {
		a {
			position: relative;
			color: #878787;
			font-size: 0.857em;
			line-height: 1.500em;

			&:before ,
			&:after{
				color: #999999;
				@include fa-icon();
				@include fa-far;
			}

			&:hover,
			&:focus {
				color: $black;

				&:before,
				&:after {
					color: $black;
				}
			}
		}
	}

	.comments-link {
		a {
			&:before {
				content: "\f075";
				margin-right: 0.429em;
			}
		}
	}

	.likes {
		a{
			&:before {
				content: "\f164";
			}
		}
	}

	&.format-quote {
		background-color: $body-color;
    	padding: 6.429em 6em 6.429em 7.143em;

    	.entry-content {
			blockquote {
				letter-spacing: -0.025em;
				color: $white;
				margin-left: 0;
				margin-bottom: 0;


				&:before {
					display: none;
				}

				p{
					font-size: 1.500em;
					font-style: italic;
					line-height: 1.429em;
					margin-bottom: 1.667em;

				}

				ol:last-child,
			 	p:last-child,
				ul:last-child {
					margin-bottom: 0;
				}

				cite {
					display: block;
					font-style: normal;

					&:before {
						content: '-';
						padding-right: 4px;
					}
				}
			}
		}
	}

	&.format-link {
		background: #f5f5f5;
		padding: 5.357em 7.143em;
		letter-spacing: 0.025em;
		.entry-content {

			p {
				font-size: 1.786em;
				margin-bottom: 0.800em;
				color: #434343;
				line-height: 1.200em;

				&:last-child {
					margin-bottom: 0;
				}

			}

			p {
				a {
					color: $blue;
					font-size: $font-size-sm;
					line-height: 2.143em;
				}
			}
		}
	}

	&.format-aside {
		.entry-content {
			p {
				font-size: 1.286em;
				margin-bottom: 1.889em;
			}
		}
	}

	&.format-status {
		.entry-content {
			p {
				font-size: 1.571em;
				margin-bottom: 1.545em;
			}
		}
	}
}

.sticky  {
	h1.entry-title {
		font-size: 1.786em;
		letter-spacing: -0.025em;
		font-weight: 400;
		margin-bottom: 0.360em;
		padding-bottom: 0.360em;

		a {
			color: #434343;

			&:hover,
			&:focus {
				color: $black;
			}
		}
	}
}