/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */
ul.header {
	.compare + li {
		display: none !important;
	}
}


.post-list-wrapper {
	.post-list{
		display: flex;
		flex-wrap: wrap;
		align-items:flex-start;


		.post-item {
			width: 100%;


			.post-container {
				flex-direction:column;
				height:100%;

				.post-image {
					width: 100%;
				}

				.post-info {
					width: 100%;
					max-width:100%;
					padding: 25px 0 0 0;
					display: flex;
					flex-direction:column;
					align-self:stretch;
					flex:1;

					.post-read-more {
						margin-top: auto;
					}

				}
			}

			&.post-holder {
				border-width: 0px;
			}
		}

		.hidden {
			display: none;
		}
	}




	@media only screen and (min-width: 768px) {
		.post-list{
			column-gap: 2rem;
			.post-item {
				width: calc(50% - 3rem / 2 );
				max-width: calc(50% - 3rem / 2 );

				&.post-holder {
					padding:0;
					flex-grow:1;
					align-self: stretch;
				}
			}
		}
	}

	@media only screen and (min-width: 992px) {
		.post-list{
			column-gap: 2rem;


			.post-item {
				width: calc(33% - 3rem / 2 );
				max-width: calc(33% - 3rem / 2 );

			}

		}
	}


}

.blog-page {
	/* Blog Listing Page */ 

	.toolbar {
		display: none;
	}

	.post-header {
		display:none; 
	}
	.post-content {

		.post-featured-image {
			img {
				width: 100%;
			}

		}

		.post-description img {
			margin-left: 0px;
			margin-right: 0px;
		}

		
	}
	.post-description {
		img
	}
}

.fancybox-button svg {
	width: 40px;
	left: -25px;
	top: -10px;
}

.post-holder {
	border-width: 0px;
	::placeholder {
		color: rgb(114, 134, 145) !important;
		opacity: 1; /* Firefox */
	}

	::-ms-input-placeholder { /* Edge 12 -18 */
		color: rgb(114, 134, 145) !important;
	}
}


.c-count {
	color: rgb(78,155,171) !important;
}

.block.comments .c-count, .block.comments .c-count strong {
	border-color: rgb(78, 155, 171);
	
}


.post-view-modern {
	.post-holder {
		margin-left: 0px;
	}

	.icon-wrapper {
		min-width: 200px;
	}
}