/* Lola Blog Archive Layout */
.lbal-wrap{
	max-width:1120px;
	margin:0 auto;
	padding:48px 20px 72px;
}

.lbal-page-title{
	margin:0 0 28px;
	font-size:56px;
	line-height:1.05;
	font-weight:500;
	letter-spacing:-0.02em;
	color:#111111;
}

.lbal-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:42px 34px;
}

.lbal-card{
	background:#ffffff;
	border-radius:0 !important;
	overflow:hidden;
	box-shadow:none;
	border:0;
}

.lbal-card__image-link{
	display:block;
	text-decoration:none;
}

.lbal-card__image{
	display:block;
	width:100%;
	height:310px;
	object-fit:cover;
	border-radius:0 !important;
}

.lbal-card__image--placeholder{
	background:#e9e9e9;
}

.lbal-card__content{
	padding:22px 26px 30px;
	text-align:center;
}

.lbal-card__title{
	margin:0 0 10px;
	font-size:24px;
	line-height:1.2;
	font-weight:500;
}


.lbal-card__date{
	margin:0 0 16px;
	font-size:11px;
	line-height:1.4;
	letter-spacing:0.18em;
	text-transform:uppercase;
	color:#444444;
	font-weight:600;
}

.lbal-card__excerpt{
	font-size:15px;
	line-height:1.8;
	color:#555555;
	max-width:92%;
	margin:0 auto;
}

.lbal-pagination{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:10px;
	margin-top:46px;
}

.lbal-pagination__item .page-numbers{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:42px;
	height:42px;
	padding:0 12px;
	border:1px solid #d8d8d8;
	color:#111111;
	text-decoration:none;
	background:#ffffff;
	border-radius:0 !important;
	font-size:14px;
	line-height:1;
	transition:all .2s ease;
}

.lbal-pagination__item .page-numbers.current,
.lbal-pagination__item .page-numbers:hover{
	background:#111111;
	color:#ffffff;
	border-color:#111111;
}

.lbal-empty{
	font-size:16px;
	color:#444444;
}

@media (max-width: 1024px){
	.lbal-page-title{
		font-size:48px;
	}
	.lbal-card__image{
		height:280px;
	}
}

@media (max-width: 767px){
	.lbal-wrap{
		padding:32px 16px 52px;
	}
	.lbal-page-title{
		font-size:38px;
		margin-bottom:22px;
	}
	.lbal-grid{
		grid-template-columns:1fr;
		gap:28px;
	}
	.lbal-card__image{
		height:250px;
	}
	.lbal-card__content{
		padding:18px 18px 24px;
	}
	.lbal-card__title{
		font-size:22px;
	}
	.lbal-card__excerpt{
		max-width:100%;
		font-size:15px;
		line-height:1.7;
	}
	.lbal-pagination{
		gap:8px;
		margin-top:34px;
	}
	.lbal-pagination__item .page-numbers{
		min-width:38px;
		height:38px;
		padding:0 10px;
		font-size:13px;
	}
}


/* v1.0.1: remove all title hover effects by making title plain text
   and using invisible overlay link for clickability */
.lbal-card{
    position:relative;
}
.lbal-card__content{
    position:relative;
}
.lbal-card__overlay-link{
    position:absolute;
    inset:0;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
}
.lbal-card__title,
.lbal-card:hover .lbal-card__title{
    color:#111111 !important;
    text-decoration:none !important;
    font-weight:500 !important;
}
.lbal-card__title a,
.lbal-card__title a:hover{
    color:#111111 !important;
    text-decoration:none !important;
}

/* v1.0.2: refined title size */
.lbal-card__title{
  font-size:18px !important;
  line-height:1.35 !important;
  letter-spacing:-0.01em !important;
}