#ConferenceCard {
	position: relative;
	--mask-height: 4rem;
}

#ConferenceCard:before {
	content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mn-primary);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 100' fill='%23fff' preserveAspectRatio='none'%3e%3cpath d='M1920,100S1537.434,0,960,0,0,100,0,100h1920Z'/%3e%3c/svg%3e"), url(/sites/default/files/images/KU_campus_panorama_blue.jpg);
  background-size: 102% var(--mask-height), cover;
  background-position: 50% calc(100% + 1px), center;
  background-repeat: no-repeat;
  margin-bottom: 3rem;
  z-index: -1;
}

#ConferenceCard .conference-card {
	max-width: 380px;
	margin-inline: auto;
	border: 1px solid var(--mn-secondary-active);
	border-top-width: 1.2rem;
}

#ConferenceCard .conference-card a::before {
  font-family: FontAwesome;
  content: "\f145";
  margin-right: .4em;
}

#Intro { 
	--gradient-x-pos: 50%;
	position: relative;
	padding-bottom: 2rem;
	border-bottom: 2px solid #c5e0f5;
} 

#Intro::after {
content: "";
  width: 100%;
  height: calc(100% + 7rem);
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  background: radial-gradient(ellipse 150% 150% at var(--gradient-x-pos) 0%, #fff 50%,#faf6ff 60%, var(--mn-primary-lighter) 150%);
  z-index: -2;
}

#Intro h2 { 
	margin-left: 0.2rem;
  padding: .2rem 0 .2rem .4rem;
  font-size: 1rem; 
  font-weight: bold; 
  color: var(--mn-primary-darker); 
  border-left: 2px solid var(--mn-secondary);
}

#Intro a {
  color: var(--mn-secondary);
  text-decoration: none;
}

#Intro a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
	#ConferenceCard {
		 --mask-height: 7rem;
	}
	#Intro {
		--gradient-x-pos: 25%;
		padding-bottom: 5rem;
	}
}

.submission-img {
  position: relative;
  width: 100%;
  min-height: 300px;
  background-image: linear-gradient(#606060), url(/sites/default/files/images/GPEN2024_3_800px.jpg);
  background-size: cover;
  background-position: right bottom;
  background-blend-mode: screen, normal;
}

.submission-img::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mn-primary-darker);
  mix-blend-mode: color;
}

@media (min-width: 768px) {
  .submission-img {
    width: 33%;
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .submission-img {
    width: 33%;
    flex-shrink: 0;
  }
  .submission-img img {
    height: 100%;
  }
}

#Keynote {
	/*background-image: radial-gradient(circle at center, #fff 30%,var(--mn-neutral-lighter));*/
  background-image: radial-gradient(circle at center, var(--mn-primary),var(--mn-primary-darker));
}

#Keynote a:hover,
#Keynote a:active {
		text-decoration: none;
}

.keynote-img {
	text-align: center;
}

@media (min-width: 768px) {
	.keynote-img {
	  text-align: right;
  }
}

#Featured {
  color: var(--mn-text-light)
}

#Featured a:hover {
	opacity:.8;
	text-decoration: none;
}

#Featured a:active {
	opacity:.7;
	text-decoration: none;
}

.featured-img {
	object-fit: cover;
  width: 100%;
  height: 600px;
}

.photo-credit::after {
  content: "Photo courtesy of KU Marketing";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.6rem 0.8rem;
  color: #fff;
  background-color: var(--mn-primary);
  border-top-left-radius: 1em;
}

/* Schedule */
#ConferenceSchedule h2 {
	margin-bottom: 1.5rem;
}

.program-schedule {
	padding: 1.5rem;
	border-top: 9px solid;
	margin-inline: auto;
	border: 1px solid var(--mn-primary-active);
	border-top-width: 1.2rem;
}

td.views-field-field-time {
	min-width: 115px;
}

td.views-field-title {
	width: 100%;
}

/*#ConferenceCard .anniversary p {*/
/*	position: relative;*/
/*	font-family: "Barlow Condensed";*/
/*	color: #fff;*/
/*	margin-bottom: 0;*/
/*	line-height: 1;*/
/*}*/

/*#ConferenceCard .anniversary p:first-of-type {*/
/*	padding: 0.4em 0.4em;*/
/*  box-shadow: 0.3em 0.3em 0px var(--mn-primary);*/
/*  display: inline-block;*/
/*  border-radius: 0 0.5em;*/
/*  font-size: 1.4em;*/
/*  color: var(--mn-primary-darker);*/
/*}*/

/*#ConferenceCard .anniversary .years {*/
/*	font-size: 12rem;*/
/*	text-shadow: .3rem .4rem 3px var(--mn-primary-darker);*/
/*}*/

/*#ConferenceCard .anniversary .label {*/
/*	font-size: 4rem;*/
/*	text-align: right;*/
/*	text-shadow: .1rem .2rem 2px var(--mn-primary-darker);*/
/*}*/