/* Optimizado para variables de Wordpress */


:root {		

/* Capturamos variables globales del theme */
--items-text-font-normal: var(--heading--font-weight-page-title);
--items-text-font-bold: var(--heading--font-weight-strong);
--items-text-font-size-normal: var(--global--font-size-md);
--items-text-font-size-large: var(--global--font-size-lg);
--items-text-font-size-sm: var(--global--font-size-sm);

/* Variables locales que usaremos */
--container-max-width: 57em;  /* aproximadamente 900px */
--container-margin-top: 5em;
--container-margin-bottom: 5em;
--container-space-gap: 1em;

--content-max-width: 100%;

--items-min-width: 10em;
--items-max-width: 10em;
--items-min-height: 8em;
--items-border-radius: 0.5em;
--items-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
--items-box-shadow-hover: 2px 2px 2px 1px rgb(0 0 0 / 20%);
--items-border-color: gray;
--items-border: 1px solid var(--items-border-color) ;
--items-bgcolor: white;
--items-font-color: white;

--items-info-max-width: calc(var(--items-min-width) - 4em);
--items-info-max-height: calc(var(--items-min-height) - 0.3em );

--items-avatar-width: 50px;
--items-avatar-height: 50px;
--items-avatar-margin: .2em;
--items-avatar-border-color: lightgray;
--items-avatar-border: 0.5px solid var(--items-avatar-border-color) ;
--items-avatar-bgcolor: white;

--items-text-gap: .5em;
--content-text-gap: 2em;

/*--items-text-font-normal: 300;
--items-text-font-bold: 600;
--items-text-font-size-normal: medium;
--items-text-font-size-large: large;
--items-text-font-sm: sm;*/

--items-bg-category-linear: linear-gradient(rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
--items-bg-category-club: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-1.png);
--items-bg-category-dudas: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-3.png);
--items-bg-category-montana: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-28.png);
--items-bg-category-pngrazalema: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-29.png);
--items-bg-category-pnalcornocales: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-30.png);
--items-bg-category-pnsierranieves: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-33.png);
--items-bg-category-pntejeda: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-37.png);
--items-bg-category-pncazorla: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-39.png);
--items-bg-category-portugal: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-53.png);
--items-bg-category-pnbahiacadiz: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-54.png);
--items-bg-category-lashurdes: url(https://elcamaleonclubsenderismo.com/wp-content/plugins/last-foro/img/bg-forum-55.png);

}

/* ********************************************* */

/* Foro de Dudas  */
[data-parent-forum="3"],
[data-parent-forum="24"],
[data-parent-forum="41"],
[data-parent-forum="43"] {
	background-image:var(--items-bg-category-linear), var(--items-bg-category-dudas);
}

/*  Foro del Club Camaleon */
[data-parent-forum="1"],
[data-parent-forum="8"],
[data-parent-forum="13"],
[data-parent-forum="17"] {
   background-image:var(--items-bg-category-linear), var(--items-bg-category-club);
}

/* Foros de Montaña por defecto  */
[data-parent-forum="28"] {
	background-image: var(--items-bg-category-linear), var(--items-bg-category-montana);
}

/* Foro de Montaña - Topics: PN Grazalema */
[data-parent-forum="28"][data-id-forum="29"] {
   background-image:var(--items-bg-category-linear), var(--items-bg-category-pngrazalema);
}

/* Foro de Montaña - Topics: Pn Alcornocales */
[data-parent-forum="28"][data-id-forum="30"] {
	background-image:var(--items-bg-category-linear), var(--items-bg-category-pnalcornocales);
}

/* Foro de Montaña - Topics: Pn Sierra Nieves */
[data-parent-forum="28"][data-id-forum="33"] {
	background-image:var(--items-bg-category-linear), var(--items-bg-category-pnsierranieves);
}

/* Foro de Montaña - Topics: Pn Tejeda Almijara y Alhama */
[data-parent-forum="28"][data-id-forum="37"] {
	background-image:var(--items-bg-category-linear), var(--items-bg-category-pntejeda);
}

/* Foro de Montaña - Topics: Pn Cazorla, Segura y Las Villas */
[data-parent-forum="28"][data-id-forum="39"] {
	background-image:var(--items-bg-category-linear), var(--items-bg-category-pncazorla);
}

/* Foro de Montaña - Topics: Portugal */
[data-parent-forum="28"][data-id-forum="53"] {
   background-image:var(--items-bg-category-linear), var(--items-bg-category-portugal);
}

/* Foro de Montaña - Topics: Pn Bahia de Cadiz */
[data-parent-forum="28"][data-id-forum="54"] {
   background-image:var(--items-bg-category-linear), var(--items-bg-category-pnbahiacadiz);
}

/* Foro de Montaña - Topics: Las Hurdes */
[data-parent-forum="28"][data-id-forum="55"] {
   background-image:var(--items-bg-category-linear), var(--items-bg-category-lashurdes);
}

/* ********************************************* */

.lasts-posts-container {
	max-width: var (--container-max-width);
	margin: var(--container-margin-top) auto var(--container-margin-bottom) auto !important;
} 

.lasts-posts-container .lasts-posts-title {
	text-align: center;
	margin: 1.5em auto;
}

.lasts-posts-container .lasts-posts-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--items-max-width), var(--items-max-width)));
	justify-items: center;
	justify-content: center;
	gap: var(--content-text-gap);
}

.lasts-posts-content .lasts-posts-item-anchor {
	max-width: var(--items-min-width); 
	min-width: var(--items-max-width);
	max-height: var(--items-min-height);
	text-decoration: none;
	position: relative;
}

.lasts-posts-content .lasts-posts-item-anchor .lasts-posts-item-avatar {
	width: var(--items-avatar-width);
	height: var(--items-avatar-height);
	border-radius: 50%;
	border: var(--items-avatar-border);
	box-shadow: var(--items-box-shadow);
	background-color: var(--items-avatar-bgcolor);
	margin: var(--items-avatar-margin);
	position: absolute;
	top: 125px;
	left: -30px;
	z-index: 99;
}

.lasts-posts-item-anchor:hover .lasts-posts-item {
	box-shadow: var(--items-box-shadow-hover) ;
}

.lasts-posts-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--items-text-gap);
	min-width: var(--items-min-width);
	height: var(--items-min-height);
	border: var(--items-border);
	background-color: var(--items-bgcolor);
	border-radius: var(--items-border-radius);
	box-shadow: var(--items-box-shadow);
	overflow: hidden;
	background-size: cover;
	transition: .5s;
}


.lasts-posts-item-author {
	display: flex;
	align-items: center;
	column-gap: 1em;
}

.lasts-posts-item-description {
	display: flex;
    flex-direction: column;
	width: 100%;
}

.lasts-posts-item-name,
.lasts-posts-item-date {
	font-size: var(--items-text-font-size-sm);
	color: var(--items-font-color);
}

.lasts-posts-item-date {padding-left: .5em;}

.lasts-posts-item-name {padding-left: 2em;}

.lasts-posts-item .lasts-posts-item-info {
	min-width: calc(var(--items-max-width) - 4em);
	min-height: calc(var(--items-min-height) - 4em );
	overflow: hidden;
}

.lasts-posts-item-info .lasts-posts-item-title{
	margin: 0.5em;
	display: block;
	font-weight: var(--items-text-font-bold);
	font-size: var(--items-text-font-size-normal);
	color: var(--items-font-color);
}


@media only screen and (max-width: 480px) {

	.lasts-posts-container .lasts-posts-content {
		grid-template-columns: none;
		justify-content: normal;
		width: 90%;
		margin: 0 auto;
	}

	.lasts-posts-content .lasts-posts-item-anchor:nth-child(even){
		justify-self: end;
		align-self: end;
	}

	.lasts-posts-content .lasts-posts-item-anchor:nth-child(odd){
		justify-self: start;
		align-self: start;
	}

}