#list::after {
  content: url("../img/List.png");
}

#list, #grid{
	cursor: pointer;
}

#grid::after{
	content: url("../img/Grid.png");
}

.current{
	color: #333;
}

#numPag{
	display:flex;
	flex-direction: row;
	justify-content: center;
}

.pagination-number{
	margin: 0px 10px;
}

#numPag a{
	color: #333;
	font-size: 16px;
	font-weight: 600;
}

#numPag a.current{
	color: #2CAA54;
	font-weight: 700;
}

.selCat button{
	color: #fff;
	background-color: #2CAA54;
	border: 2px solid #2CAA54;
	border-radius: 30px;
}

.selCat:hover button{
	color: #2CAA54;
	background-color: #fff;
	border: 2px solid #2CAA54;
}

.post-content a{
color: #2CAA54;
}

.post-content h2 a{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
	font-size: 20px;
}

#selectores{
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-top:30px;
}

#selectores div{
	display: flex; 
	flex-direction: row;
	gap: 40px;
	align-items: end;
}

#selectores select{
	max-width: 300px;
	padding: 0.2rem 0.4rem;
	text-transform: uppercase;
    font-size: 14px;
    font-family: 'Montserrat';
}
#filter > div p{
	margin:0px;
	width:94px;
}
#filter > div{
	gap:10px!important;
}
button#filtrar{
	background-color:#F09009;
	color:white;
	text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    padding: 5px 40px;
    border: none;
    border-radius: 0px;
}
button#filtrar:hover, button#filtrar:focus, button#filtrar:focus-visible{
	background-color:#4C4C4C;
    border: none;
    border-radius: 0px;
	outline:none;
}
	
.extractoPost .extracto-text{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.enlacesPaginas{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 20px;
}

.enlacesPaginas a{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	text-decoration: none;
	color: #333;
}

#next-page::after, #next-page-top::after{
	content: url("https://tejasverea.com/wp-content/uploads/2024/05/formkit_arrowleft.svg");
}

#previous-page::before, #previous-page-top::before, #volver::before{
	content: url("https://tejasverea.com/wp-content/uploads/2024/05/formkit_arrowleft.svg");
}

#volver-cont{
	font-weight: 700;
	color: #333;
	padding-top: 20px;
}
#volver-cont a{
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	color:black;
	font-size:15px;
	font-family:Montserrat;
}


#volver-cont a{
	text-decoration: none;	
}

@media (max-width: 1024px){
	#list, #grid{
		display: none;
	}
}

.seguir-leyendo a{
    position: relative; /* Asegura que el pseudoelemento se posicione correctamente */
    display: flex; /* Permite que el pseudoelemento esté en línea con el texto */
    text-decoration: none; /* Elimina el subrayado predeterminado */
	flex-wrap: nowrap;
	width: fit-content;
}

.seguir-leyendo .arrow::after {
    content: url("../img/Right-Arrow.svg");
    display: block; /* Para que el contenido se muestre correctamente */
    transition: transform 0.3s ease; /* Agrega una transición suave */
}

.seguir-leyendo a:hover .arrow::after {
    transform: translateX(5px); /* Mueve la flecha 5px hacia la derecha */
}

.seguir-leyendo a:hover{
    border-bottom: 1px solid #2CAA54;;
}

#post-container{
	padding-bottom: 20px;
	margin-bottom: 50px;
	margin-top:40px;
}

/*POST TEMPLATE*/

.post-template-default #content header{
	display: none;
}

.post-template-default #content h1{
	padding: 30px 0px;
	border-bottom: 2px solid #333;
	margin-bottom: 20px;
}