/* ========================================================================== 
   Discover Darwen single Event
   Reuses Place hero and Quick Info sizing, spacing and typography.
   ========================================================================== */

/* ========================================================================== 
   Event hero
   ========================================================================== */



.section--event-hero .event-hero__content {
	max-width: 43%;
}

.section--event-hero .event-hero__image-wrap {
	border-radius: 1.8rem;
	bottom: 6rem;
	height: auto;
	margin: 0;
	right: 0;
	top: 6rem;
	    aspect-ratio: 1 / 1;
    max-height: calc(100% - 16rem);
    width: auto;
}

.section--event-hero .event-hero__image {
	object-position: center;
}

.event-hero__status--featured {
	background: var(--dd-salmon);
	color: var(--dd-white);
}

.event-hero__status--cancelled {
	background: #c83e4d;
	color: var(--dd-white);
}

.event-hero__meta {
	display: grid;
	gap: 1.4rem;
	margin: 0 0 3rem;
	max-width: 58rem;
}

.event-hero__meta-row {
	align-items: flex-start;
	color: var(--dd-dark-green);
	display: flex;
	font-size: 1.125em;
	font-weight: 650;
	gap: 1.2rem;
	line-height: 1.4;
	min-width: 0;
}

.event-hero__meta-icon {
	color: var(--dd-salmon);
	display: block;
	flex: 0 0 2.2rem;
	height: 2.2rem;
	margin-top: 0.05em;
	width: 2.2rem;
}

.event-hero__meta-icon svg {
	display: block;
	fill: currentColor;
	height: 100%;
	width: 100%;
}

.event-hero__meta-link {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 0.1rem;
	text-underline-offset: 0.25em;
}

.event-hero__meta-link:hover {
	color: var(--dd-teal);
}

/* ========================================================================== 
   Event Quick Info additions
   ========================================================================== */

.section--event-quick-info .quick-info__heading {
	max-width: 10ch;
}


.section--event-quick-info .quick-info__item-icon {
	    background: var(--dd-light-salmon);
}


.event-quick-info__price {
	display: block;
	font-size: 1.15em;
	line-height: 1.25;
	margin-bottom: 0.8rem;
}

.section--event-quick-info .quick-info__item-text > p {
	margin: 0 0 1rem;
}

.section--event-quick-info .quick-info__item-text > p:last-child {
	margin-bottom: 0;
}

/* ========================================================================== 
   Tablet
   ========================================================================== */

@media (max-width: 1023px) {
	.section--event-hero .event-hero__content {
		max-width: 46%;
	}

	.section--event-hero .event-hero__image-wrap {
		bottom: 5rem;
		right: 0;
		top: 5rem;
		width: 48%;
	}

	.event-hero__meta-row {
		font-size: 1em;
	}
}

/* ========================================================================== 
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.section--event-hero .event-hero__content {
		max-width: none;
		order:2 !important;
		        padding: 6rem 2.5rem;
	}

	.section--event-hero .event-hero__image-wrap {
		order:1 !important;
	}

	.section--event-hero .event-hero__image-wrap {
		aspect-ratio: 1/1;
		
		bottom: auto;
		height: auto;
		margin: 0;
		position: relative;
		border-radius: 0 0 0 0;

		right: auto;
		top: auto;
		width: 100%;
	}

	.event-hero__meta {
		gap: 1.3rem;
		margin-bottom: 2.8rem;
	}

	.event-hero__meta-row {
		font-size: 1em;
		gap: 1rem;
	}

	.event-hero__meta-icon {
		flex-basis: 2rem;
		height: 2rem;
		width: 2rem;
	}

	.section--event-quick-info .quick-info__heading {
		max-width: none;
	}

	
}


/* ==========================================================================
   Revised Event Quick Info
   ========================================================================== */

.section--event-quick-info .event-quick-info__primary-value,
.section--event-quick-info .event-quick-info__secondary-value {
	display: block;
}

.section--event-quick-info .event-quick-info__primary-value {
	font-size: 1.15em;
	line-height: 1.25;
}

.section--event-quick-info .event-quick-info__secondary-value {
	margin-top: 0.65rem;
}

/* ==========================================================================
   Event post body
   ========================================================================== */

   
 .section--event-post-content a:not(.button) {
    color:var(--dd-salmon);
    font-weight: 700;
}

.section--event-post-content a:not(.button):hover {
	color:var(--dd-dark-green);
	text-decoration: none;
}


.section--event-post-content .std ::marker {
	color:var(--dd-salmon);
}
.section--event-post-content {
	background: var(--dd-white);
}

.section--event-post-content .section__content--narrow {
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   Other upcoming Events
   ========================================================================== */

.section--event-upcoming {
	overflow: hidden;
}

.section--event-upcoming .event-upcoming__slide {
	height: auto;
	min-width: 0;
}

.section--event-upcoming .event-upcoming__slide > .event-figure,
.section--event-upcoming .event-figure {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	overflow: hidden;
}

/*
 * eventFigure is normally allowed to use its wider image/content layout.
 * Inside this narrower slider it must become a vertical card, otherwise each
 * half is squeezed into an unusably thin column.
 */
.section--event-upcoming .event-figure__image-link {
	aspect-ratio: 4 / 3;
	display: block;
	flex: 0 0 auto;
	height: auto;
	min-height: 0;
	overflow: hidden;
	width: 100%;
}

.section--event-upcoming .event-figure__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.section--event-upcoming .event-figure__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: auto;
	min-width: 0;
	width: 100%;
}

.section--event-upcoming .event-figure__title,
.section--event-upcoming .event-figure__meta,
.section--event-upcoming .event-figure__summary {
	max-width: none;
	min-width: 0;
	width: 100%;
}

.section--event-upcoming .event-figure__title,
.section--event-upcoming .event-figure__meta span,
.section--event-upcoming .event-figure__summary {
	overflow-wrap: anywhere;
}

.section--event-upcoming .event-figure__button {
	margin-top: auto;
}

@media (max-width: 767px) {
	.section--event-upcoming .event-figure__image-link {
		aspect-ratio: 16 / 10;
	}
}



.event-post-content__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: clamp(2.5rem, 4vw, 4rem);
}

.event-post-content__tag {
	display: inline-flex;
}



/* Event Quick Info additions */

.section.section--event-quick-info {
	background-color: var(--dd-salmon) !important;
}



.section--event-quick-info .event-quick-info__primary-value,
.section--event-quick-info .event-quick-info__secondary-value {
	display: block;
}

.section--event-quick-info .event-quick-info__secondary-value {
	margin-top: 0.65rem;
}

.section--event-quick-info .event-quick-info__facebook-pill {
	align-items: center;
	background: var(--dd-white);
	border-radius: 999rem;
	color: var(--dd-salmon) !important;
	display: inline-flex;
	font-size: 1.2rem;
	font-weight: 700;
	gap: 0.7rem;
	line-height: 1;
	margin-top: 1.4rem;
	padding: 0.75rem 1.1rem;
	text-decoration: none;
}

.section--event-quick-info .event-quick-info__facebook-pill:hover,
.section--event-quick-info .event-quick-info__facebook-pill:focus-visible {
	background: var(--dd-dark-green);
	color: var(--dd-white) !important;
}

.section--event-quick-info .event-quick-info__detail-row strong,
.section--event-quick-info .event-quick-info__detail-row span {
	display: block;
}

.section--event-quick-info .event-quick-info__detail-row span {
	margin-top: 0.4rem;
}

.section--event-quick-info .event-quick-info__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 1.4rem;
}

.section--event-quick-info .event-quick-info__tag {
	background: rgba(255, 255, 255, 0.24);
	color: var(--dd-white);
	align-items: center;
    
    border-radius: 999rem;
    
    display: inline-flex;
    font-size: 0.72em;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    min-height: 2.6rem;
    padding: 0.4rem 1.3rem;
    text-transform: uppercase;
}


/* ==========================================================================
   Event Quick Info typography consistency
   ========================================================================== */

   .section--event-quick-info .quick-info__item-link:hover {
    background:var(--dd-dark-green);
    color:#FFF !important;
}

.section--event-quick-info .event-quick-info__subheading {
	color: inherit;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 0.55rem;
}

.section--event-quick-info .event-quick-info__secondary-value {
	display: block;
	margin-top: 0.65rem;
}

.section--event-quick-info .quick-info__contact-row + .quick-info__contact-row,
.section--event-quick-info .event-quick-info__tag-group {
	margin-top: 1.6rem;
}

.section--event-quick-info .event-quick-info__detail-row span,
.section--event-quick-info .quick-info__contact-row > span,
.section--event-quick-info .quick-info__contact-row > a {
	display: block;
}

.section--event-quick-info .event-quick-info__tags {
	margin-top: 0.8rem;
}



.section--event-quick-info .event-quick-info__tag {
	align-items: center;
	background: rgba(255, 255, 255, 0.24);
	border-radius: 999rem;
	color: var(--dd-white);
	display: inline-flex;
	font-size: 0.72em;
	font-weight: 700;
	justify-content: center;
	line-height: 1;
	min-height: 2.6rem;
	padding: 0.4rem 1.3rem;
	text-decoration: none;
	text-transform: uppercase;
}

.section--event-quick-info .event-quick-info__tag:hover,
.section--event-quick-info .event-quick-info__tag:focus-visible {
	background: var(--dd-white);
	color: var(--dd-salmon);
	text-decoration: none;
}

@media screen and (min-width:1023px) {
	.section--event-hero .event-hero__content {
    width:40%;
}


.place-hero__content.event-hero__content * {
    max-width:100% !important;
}
}





.summer-library-event:not(:last-child){
    margin-bottom:2rem;
}

.summer-library-event h3 {
    color:var(--dd-salmon) !important;
}

.summer-library-events__week  h2 {
	padding-top: 5rem;
}