.button-slanted {
  display: inline-block;
  background: #eb5f0c;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.75rem 1.5rem;
  position: relative;
  overflow: hidden;
  border: none;
  text-decoration: none;
  transform: skew(-15deg);
  transition: background 0.3s ease;
}

.button-slanted span {
  display: inline-block;
  transform: skew(15deg);
}

.button-slanted span:hover {
	background: #cc5f00;
}

.events-list footer {
	text-align:center;
}


.events-list .views-view-responsive-grid__item {
  --views-responsive-grid--layout-gap: 30px;
  box-shadow: -4px 2px 15px #dadada;
  border-top: 6px solid #e57200;
  padding:0 25px 25px 25px;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  background:white;
  margin:0 8px;
}

.events-list .views-view-responsive-grid__item:hover {
    transform: scale(1.02);
  }

.events-list .views-field-field-image-media {
	width: calc(100% + 50px);
  margin-left: -25px;
}

.events-list .views-field.views-field-field-event-date {
  font-weight: 600;
  color: #232d4b;
  font-size: 1.2em;
}

.events-list .views-field.views-field-field-location-info {
  text-transform: uppercase;
  min-height: 4em;
}

.events-list .views-field.views-field-title {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}

.events-list .views-field.views-field-title a {
	color:#232d4b;
}

.events-list .views-field.views-field-title a:after {
	content:'→';
	margin-left:5px;
	font-size:1.1em;
	font-weight:bold;
	color:#e57200;
}

@media (min-width: 56.15em) {
	.events-list {
	  position: relative;
	  z-index: 0;
	}
	
	.events-list::before {
	  content: "";
	  position: absolute;
	  top: 33%;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 100vw;
	  height: 75%;
	  background: url("/sites/uva-as-archaeology/files/2025-10/hp-sparkspattern.png") left 200px top repeat-x;
	  background-size: auto calc(100% - 200px);
	  z-index: -1;
	  pointer-events: none;
	}
	.events-list.full-page:before {
		background:none;
	}

}