.cla-front {
	width: 100%;
	margin: var(--cla-block-margin, 0);
	padding: var(--cla-block-padding, 100px 0 26px);
	box-sizing: border-box;
}

.cla-front.has-bg {
	background: var(--cla-block-bg, #c7bbbd);
	position: relative;
	z-index: 2;
}


.cla-front.has-bg::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:200px;
  background-image:var(--cla-wave-image);
  background-repeat:no-repeat;
  background-position:top center;
  background-size:100% auto;
  pointer-events:none;
}

.cla-front__inner {
	width: 96%;
	max-width: var(--cla-wrapper-max-width,1200px);
	margin: 0 auto;
}

.cla-front__heading{font-family:'Bresley',cursive;font-weight:400;line-height:1.1;color:#8f1a26;font-size: 70px;text-align:center;margin:0 0 24px}
.cla-front__intro{margin:0 0 24px}

.cla-grid{display:grid;gap:28px}
.cla-front--cols-1 .cla-grid{grid-template-columns:1fr}
.cla-front--cols-2 .cla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cla-front--cols-3 .cla-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cla-front--cols-4 .cla-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.cla-front__intro h2 {
	font-family: 'Bresley';
	font-weight: 400;
	font-style: normal;
	font-size: 80px;
	margin-bottom: 30px;
}

.cla-card{display:flex;flex-direction:column;min-height:100%}
.cla-card__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.cla-card__image,.cla-card__image--v2{overflow:hidden;border-radius:var(--cla-image-radius,14px);background:#e4e4e4;margin-bottom:10px;min-width:0;max-width:100%}
.cla-card__image img,.cla-card__image--v2 img{display:block;width:100%;max-width:100%;inline-size:100%;max-inline-size:100%;height:100%;object-fit:cover}
.cla-card__date{color:var(--cla-date-color,#f3f3f3);text-align:var(--cla-date-align,left);margin:0 0 6px;font-size: 36px;}
.cla-card__title{margin:0 0 8px;color:var(--cla-heading-color,#8f1a26);line-height:1.02}
.cla-card__location{margin:0 0 8px;color:var(--cla-message-color,#f3f3f3)}
.cla-card__desc{color:var(--cla-message-color,#f3f3f3);line-height:1.38}
.cla-card__actions{margin-top:auto;padding-top:12px}
.cla-readmore {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 6px 20px 5px;
	border-radius: var(--cla-button-radius,22px 8px 22px 8px);
	background: var(--cla-button-bg,#9e1328);
	color: var(--cla-button-text,#fff) !important;
	text-decoration: none;
	line-height: 1;
	transition: background .2s ease-in-out;
	font-weight: bold;
}
.cla-readmore:hover,
.cla-readmore:focus {
  background: var(--cla-button-hover-bg,#520e0d);
  color: var(--cla-button-hover-text,#fff) !important;
}

.cla-front--layout-image-left .cla-card--with-image,
.cla-front--layout-image-right .cla-card--with-image{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:18px;align-items:start}
.cla-front--layout-image-left .cla-card--with-image .cla-card__image,
.cla-front--layout-image-right .cla-card--with-image .cla-card__image{margin-bottom:0}
.cla-front--layout-image-left .cla-card--with-image .cla-card__body,
.cla-front--layout-image-right .cla-card--with-image .cla-card__body{align-self:stretch}
.cla-front--layout-image-right .cla-card--with-image{grid-template-columns:minmax(0,1fr) minmax(0,42%)}
.cla-front--layout-image-right .cla-card--with-image .cla-card__image{order:2}
.cla-front--layout-image-right .cla-card--with-image .cla-card__body{order:1}

@media (max-width:1000px){
  .cla-front--cols-3 .cla-grid,.cla-front--cols-4 .cla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .cla-grid{grid-template-columns:1fr !important}
  .cla-card{max-width:90%;margin:0 auto}
  .cla-front--layout-image-left .cla-card--with-image,
  .cla-front--layout-image-right .cla-card--with-image{display:flex;flex-direction:column}
  .cla-front--layout-image-right .cla-card--with-image .cla-card__image,
  .cla-front--layout-image-right .cla-card--with-image .cla-card__body{order:initial}
  .cla-front--layout-image-left .cla-card--with-image .cla-card__image,
  .cla-front--layout-image-right .cla-card--with-image .cla-card__image{margin-bottom:10px}
  .cla-readmore{min-height:50px}
}