article {
	// opacity: 0;
	// visibility: hidden;
	display: flex;
	justify-content: flex-start; 
	flex-direction: column;
	align-items: center;

	@include breakpoint(medium)	{
		flex-direction: row;
	}

	&.sticky {
		.entry-content-wrap	{
			@include breakpoint(medium)	{
				padding-left: rem-calc(24); 
			}

			.entry-header {
				.entry-title {
					a {
						&:before {
							content: "★";
							margin-right: 10px;
						}
					}	
				}
			}
		}
	}

	&.has-post-thumbnail {

		.entry-thumbnail,
		.entry-content-wrap	{
			width: 100%; 
			
			@include breakpoint(medium) {
				width: 50%; 
			}
		}

		.entry-thumbnail {
			align-self: flex-start;
			vertical-align: middle;

			// margin-bottom: rem-calc(24);

			a {
				overflow: hidden;
				display: block;
				margin-left: rem-calc(-24); 
				margin-right: rem-calc(-24); 
				
				@include breakpoint(medium)	{
					margin-left: auto;
					margin-right: auto; 
				}

				.image-holder {
					position: relative;
				}
			}

			img {
				width: 100%;
			}

			@include breakpoint(medium)	{
				// padding-right: rem-calc(24); 

				img {
					transform: none;
					transition: opacity 1s;
					
					// will-change: opacity;					
				}

			}

			@include breakpoint(small only) {
				margin-bottom: 30px;
			}

			&:hover	{
				@include breakpoint(medium)	{
					img {
						
						opacity: 0.6;
						// transform: scale3d(1.15, 1.15, 1.15);
					}
					
				}
			}			

		}

		.entry-content-wrap {
			display: inline-block;
			vertical-align: middle;	
			@include poly-fluid-sizing('padding-left', (769px:40px, 1024px:50px, 1920px:70px));	
			@include poly-fluid-sizing('padding-right', (769px:20px, 1024px:30px, 1920px:50px));	

			@include breakpoint(small only) {
				padding-left: 0;
				padding-right: 0;
			}		


			.entry-header {
				.entry-title, a {
					font-size: rem-calc(28);
					line-height: 1.3;
				}
			}			
		}

		.blog-sidebar-active & {
			&:nth-child(4n+1) {
				.entry-title,
				.entry-content	{
					@include breakpoint(large) {
						padding-right: rem-calc(160);
					}
				}
			}			
		}
	}

	&:not(.has-post-thumbnail) {
		display: block;

		&:first-child {
			padding-top: rem-calc(48);
			
			@include breakpoint(medium)	{
				border-top: 0; 
				padding-top: 0;
			}
		}

		.entry-thumbnail,
		.entry-content-wrap	{
			width: 100%; 
			padding: 0;
		}

		.entry-content-wrap	{
			transform: none !important;
			.entry-header {
				.entry-title {				
					font-size: rem-calc(18);
					margin-bottom: rem-calc(10);

					@include breakpoint(medium)	{
						font-size: rem-calc(27); 
					}
				}
			}
		}

		.entry-thumbnail {
			margin-bottom: rem-calc(24);
		}		
	}

	body:not(.search-results) & {

		&:nth-child(4n+1) {
			display: block;

			&.has-post-thumbnail {
				@include breakpoint(medium)	{
					padding: rem-calc(60) 0 rem-calc(50); 
					border-top: 1px solid; 
					border-bottom: 1px solid; 
					border-color:#eee;
				}
			}

			&:first-child {
				@include breakpoint(medium)	{
					border-top: 0; 
					padding-top: 0;
				}
			}

			.entry-thumbnail,
			.entry-content-wrap	{
				width: 100%; 
				padding: 0;
			}

			.entry-content-wrap {
				.entry-header {
					.entry-title, a {
						// font-size: rem-calc(36);
						line-height: 1.3;
					}

				}				
			}

			
			&.has-post-thumbnail {
				.entry-content-wrap {
					padding:50px 60px;
					padding-bottom: 0;
					position: relative;
					background-color: #fff;
					width: 80%;
					float: right;
					margin-top: -7vw;

					.entry-header {
						.entry-title, a {
							font-size: rem-calc(36);
							line-height: 1.3;
						}						
					}

					@include breakpoint(small only)	{
						margin-top: 0;
						width: 100%;
						padding: 0;
						.entry-header {
							.entry-title, a {
								font-size: rem-calc(28);
								line-height: 1.3;
							}
						}						
					}

				}				
			}
		}

		&:not(:nth-child(4n+1)) {
			.entry-content-wrap {
				transform: none !important;
			}
		}

	}



}