/******************/
/**** Programs ****/
/******************/

.masonary-blog { position: relative; overflow: hidden; min-height: 441px; }
.masonary-blog .image:before { opacity: 0 !important; }
.masonary-blog .simple-blog span { border-top: 1px solid #ebebeb; }
.masonary-blog .simple-blog a.blog-date { width: auto; border-top: none; padding: 0 12px; pointer-events: none; }
.masonary-blog .simple-blog a.blog-more { width: auto; border-top: none; float: right; }
.masonary-blog .simple-blog a.blog-date:first-child { padding-left: 0; }

.program-list {
	background: white;
	border-radius: 3px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
}
.p-preview { padding: 0; }
.p-preview img { width: 100%; }
.p-title {
	font-family: 'Vollkorn', 'Yellowtail', serif;
	font-size: 23px;
	margin: 20px 0 10px 15px;
	padding: 5px 0;
}
.p-title a { color: #434343; }
/* .p-title a:hover { color: #2d695c; } */
.p-descr {
	margin-bottom: 72px;
	padding: 0 0 10px 15px;
}
.p-info {
	color: #2d695c;
	font-family: noto sans, sans-serif;
	font-size: 11px;
	line-height: 35px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 15px;
	width: 100%;
}
.p-info div {
	border-top: 1px solid #ebebeb;
	white-space: nowrap;
}
.p-info div span {
	font-family: 'Vollkorn', 'Yellowtail', serif;
	font-size: 13px;
	letter-spacing: 1px;
	padding-left: 2px;
}

.p-download {
	font-size: 14px;
	padding: 0 10px;
	opacity: 0.5;
	transition: all 0.2s;
}
.p-download span {
	bottom: 1px;
	left: 2px;
	position: relative;
	font-size: 14px;
}
.p-title a:hover .p-download {
	color: #2d695c;
	opacity: 0.8;
}

.p-preview .p-overlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: white;
	line-height: 100%;
	font-size: 60px;
	text-align: center;
	color: rgba(206, 97, 126, 0.8);
	opacity: 0;
	transition: all 0.3s;
}
.p-overlay i { top: 40%; vertical-align: middle; }
.p-preview:hover .p-overlay {
	opacity: 0.4;
}
@media (max-width: 768px) {
	.program-list {
		text-align: center;
	}
	.program-list > div {
		min-height: 0 !important;
	}
	.p-download {
		display: block;
		padding: 15px 0 0;
	}
	.p-title {
		margin-left: 0;
	}
	.p-descr {
		margin-bottom: 10px;
	}
	.p-info {
		position: relative;
	}
	.p-info div {
		padding: 0;
		white-space: pre-line;
	}
}