/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* Increase tap target size and spacing for clustered links */
.footer-content .mt-4 a {
	display: inline-block;
	padding: 8px 10px; /* enlarge hit area */
	margin: 6px 12px 6px 0; /* ensure at least 12px separation */
}

/* Ensure dropdown menu items are comfortably tappable */
.p-dropdown .p-dropdown-content a {
	display: block;
	padding: 10px 14px;
}

/* Language list or inline utility links spacing if rendered inline */
.header-extras ul > li > a {
	display: inline-flex;
	align-items: center;
	padding: 8px 10px;
}

/* Fix main overflow issue with transparent header on desktop */
@media (min-width: 992px) {
  #header[data-transparent="true"]+main {
    top: -80px;
    margin-bottom: -80px;
    position: relative;
  }
}

/* Fix #news container height issues */
#news {
  height: auto !important;
  min-height: 200px !important;
  overflow: visible !important;
  display: block !important;
}

/* Prevent height collapse during resize */
.grid-layout {
  height: auto !important;
  min-height: 200px !important;
  overflow: visible !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -15px !important;
}

/* Limit h2 height to 68px */
.post-item .post-item-description h2 {
max-height: 70px;
min-height: 70px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/* Limit p height to 42px */
.post-item .post-item-description p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.post-item .post-item-description h2 a{
max-height: 68px;
display: inline-block;
line-height: 22px;
margin-bottom: 0px;
}

.post-item .post-item-description p{
max-height: 21px;

}

/* Ensure blog images have minimum height of 176px */
.post-item .post-image img {
  min-height: 176px !important;
  height: auto;
  width: 100%;
  object-fit: cover;
}

/* Utility to replace <br> with block flow */
.break {
  display: block;
}