/*
* This file manage native posts and custom cpts preview styles
* Layout => DEFAULT
*/

/*WP posts (native) */
.panel-post {
  position: relative;
	width: 100%;
	height: 100%;
	cursor: default;
	border-radius: 6px;
	background: var(--light-txt-color);
	box-shadow: 1px 1px 4px 0px var(--secondary-bg);
	padding: 0;
	z-index: 0;
}
.panel-post .post-thumbnail {position:relative; width: 100%; height: auto;}
.panel-post .post-thumbnail figure {
	position: relative;
	height: 100%;
	width: 100%;
	max-height: 280.5px;
	margin: 0 !important;
	border-radius: 6px 6px 0 0;
}
.panel-post .post-thumbnail figure.img-not-found {min-height: 125px;}
.panel-post .post-thumbnail figure span.hover-indicator {
  position: absolute;
  width: max-content;
  bottom: 0;
  left: calc(50% - 50.5px);
	color: var(--dark-txt-color);
	font-size: 0.9rem;
	padding: 6px;
  background-color: var(--main-bg);
	opacity: 0.7;
	transition: 400ms opacity ease-in-out;
}
.panel-post .post-thumbnail figure:hover span.hover-indicator {opacity: 0;}
.panel-post .post-thumbnail figure img {height: 205px; transition: 400ms height ease-in-out;}

/*Unavailable posts and/or unlink overview*/
.panel-post figure img.gray-filter {filter: grayscale(1);}
.panel-post a.disabled-link {cursor: not-allowed;}

/*ALL posts (native + CPTs) */
.article-feed-thumbnail {position: relative;}

.article-feed-thumbnail .disable-post-tag {
	position:absolute;
	top: 0;
	right: 0;
	background-color: var(--featured-color);
	color: var(--light-txt-color);
	padding: 6px 12px;
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}
.article-feed-thumbnail:hover .disable-post-tag {opacity: 0;}

.article-feed-thumbnail .hover-helper {
	position:absolute;
	color: var(--featured-color);
	font-size: 1.35rem;
	margin: 0px;
	padding: 6px 0px 0 6px;
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}
.article-feed-thumbnail:hover .hover-helper {opacity: 0;}

.article-feed-thumbnail figure .post-label {
	position: absolute;
	padding: 4px 8px;
	background: var(--featured-color);
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}
.article-feed-thumbnail figure .post-label.broadcast-date {bottom: 0; left: calc(50% - 102.5px);}
.article-feed-thumbnail figure .post-label.post-cat {top: 0; left: 0;}
.article-feed-thumbnail figure .post-label.post-tag {top: 0; right: 0;}

.article-feed-thumbnail figure:hover .post-label {opacity: 0;}

.article-feed-thumbnail figure figcaption {border-radius: 6px 6px 0 0;}
/*width/height minused by 65px to match izmir animation on hover*/
.article-feed-thumbnail figure figcaption .loop-item-excerpt {
	position: relative;
	width: calc(100% - 65px);
	height: calc(100% - 65px);
	padding: 15px;
	color: var(--light-txt-color);
	overflow-y: auto;
	transition: 400ms ease-in-out opacity;
}
.article-feed-thumbnail figure figcaption .loop-item-excerpt p {font-size: 1rem; text-align: left;}
.article-feed-thumbnail figure figcaption .loop-item-excerpt ul {list-style: initial; text-align: left;}

/*No JS adaptation - Izmir not fully loaded*/
body.no-js .article-feed-thumbnail figure figcaption .loop-item-excerpt ul,
body.no-js .article-feed-thumbnail figure figcaption .loop-item-excerpt p {color: var(--dark-txt-color);}

.article-feed-thumbnail figure figcaption .show-more-link {
	position: relative;
	color: var(--featured-color);
	background: var(--main-bg);
	padding: 6px 12px;
	border-radius: 6px;
}

.post-main-datas {padding: 12px 6px;}

.post-main-datas .archive-post-title {
  position: relative;
	text-align: center;
	text-transform: initial;
	letter-spacing: 2px;
	color: var(--dark-txt-color);
	font-size: 1.5rem;
	font-weight: 500;
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}
.post-main-datas .archive-post-title:after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 50%;
  height: 1px;
  width: 0;
  border-bottom: 1px solid;
  transition: 400ms all ease-in-out;
}
.post-main-datas:hover .archive-post-title:after {width: 100%; left: 0px;}

.post-main-datas .associated-place {font-size: 0.9rem; font-style: italic;}

/*ACF models shortcode adaptation*/
.acf-widget-container .post-thumbnail {width: 100%; height: auto;}
.acf-widget-container .post-thumbnail figure {position: relative; height: 100%; width: 100%; margin: 0 !important;}

/*Pagination*/
.hfeed .pagination-container {margin-top: 2%;}
.hfeed ul.pagination {list-style: none;}
.hfeed ul.pagination li:first-child {width: auto;}
.hfeed ul.pagination li {background: var(--featured-color); color: var(--light-txt-color); border-radius: 4px; margin: 0 6px; width: 20px; height: 24px;}
.hfeed ul.pagination li:last-child {width: auto;}
.hfeed ul.pagination li span.current {width: 20px;height: 24px;position: relative;display: block;background: var(--alt-featured-color);border-radius: 4px;}
.hfeed ul.pagination li a {color: #fff;}
.hfeed ul.pagination i.fas {font-size:1rem;}

@media all and (max-width: 580px) {
	.post-feed {width: 90%;}
	.panel-post figure img {height: 220px;}
	.article-feed-thumbnail figure figcaption {padding: calc(var(--padding) * 1.5);}
	.article-feed-thumbnail figure figcaption .loop-item-excerpt p {font-size: 0.85rem;}
	.post-main-datas .archive-post-title {font-size: 1rem;}
}