/******/
/*** SECTIONS ***/
/******/

/* AUDIO CENTER */

.audio-card-thumb-background {
	aspect-ratio: .7 / 1;
}

.audio-card-thumbnail {
	aspect-ratio: .82 / 1;
	left: 5%;
	top: 18%;
}

/* EVENTS */

.events-heading {
	aspect-ratio: 6.4 / 2;
	background: var(--color-white) url("../images/torn-paper-plus-tape.png") center/cover;
	background-color: transparent;
}

.intro-events .events-heading {
	aspect-ratio: 6.4 / 3.33;
	background: var(--color-white) url("../images/events-all-intro-background-texture.png") center/cover;
	background-color: transparent;
}

img.event-pin {
	max-width: 2.5625rem;
	margin-bottom: -1rem;
}

.event-meta span {
	border-radius: var(--radius-5);
	background-color: var(--color-peach);
	margin-right: 1rem;
	padding: 0 .375rem;
}

.event-meta span:last-child {
	background-color: var(--color-pink);
}

/* IMAGE + TEXT */

.image-text .image-background {
	left: 0;
	mix-blend-mode: multiply;
}

.image-text .main-image {
	padding-top: 5%;
	aspect-ratio: .8 / 1;
	object-fit: cover;
}

/* INTRO HOME */

.intro-home .container-white {
	border: solid .0625rem var(--color-red);
}

.intro-home-note {
	color: var(--color-rorange);
	position: absolute;
	left: -50%;
	text-align: center;
	top: -4rem;
	transform: rotate(-12deg);
	width: 10rem;
}

.intro-home-note p, p.caption {
	font-family: "marydale", cursive;
	font-size: var(--text-h3);
	line-height: 1;
}

.intro-home-note::after {
	content: url("../images/swirly-arrow.svg");
	background-repeat: no-repeat;
	position: absolute;
	bottom: -5rem;
	width: 7rem;
	height: 5.625rem;
}

.infinite-scroll-item {
	min-height: 4rem;
}

@keyframes infinite-scroll {
	
  from {
	  transform: translateX(0)
	}
	
  to {
	  transform: translateX(-50%)
	}
	
}

.infinite-scroll-wrapper {
	width: 100%;
	overflow-x: hidden;
}

.infinite-scroll-container {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	width: 125rem;
	animation-name: infinite-scroll;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.infinite-scroll-item {
	white-space: nowrap;
}

.infinite-scroll-item img {
	max-height: 1.25rem;
	max-width: 1.125rem;
}

.infinite-scroll-item p {
	color: var(--color-white);
	display: flex;
	align-items: center;
}

.infinite-scroll-item p img {
	margin: 0 1rem;
}

/* SUBSCRIBE */

.subscribe {
	margin-top: -12%;
	margin-bottom: -2%;
	background-repeat: repeat;
}

#gform_fields_3 {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
}

/* TESTIMONIALS */

.testimonials img {
	max-width: 10rem;
	left: 12.5%;
}

.testimonials p {
	font-family: "marydale", cursive;
	font-size: var(--text-h3);
}

.swiper-controls:before, .swiper-controls:after {
	position: absolute;
}

.swiper-controls button {
	background-color: transparent;
	border: none;
}

/* VIDEO CENTERED */

.video-centered .image-frame {
	aspect-ratio: 16 / 9.25;
	width: calc(100% - 3.125rem);
}

.video-centered lite-vimeo {
	max-width: 93%;
	margin-left: 3.5%;
	margin-top: 2.75%;
}

@media screen and (min-width: 48rem) {
	
	/* IMAGE + TEXT */
	
	.image-text .image-background {
		height: 100%;
		width: 45%;
		top: 0;
	}
	
	/* INTRO HOME TEXT */
	
	.intro-home-text {
		padding-right: 3rem;
	}
	
	/* SUBSCRIBE */
	
	.subscribe {
		 background-size: cover;
	}
	
	/* TESTIMONIALS */
	
	.swiper-controls {
		height: 100%;
		padding: 0 2.5%;
	}
	
}

@media screen and (max-width: 47.9375rem) {
	
	/* EVENTS */
	
	.intro-events {
		aspect-ratio: 2 / 3;
	}
	
	.events-heading {
		aspect-ratio: 2 / 2;
	}
	
	/* FEATURED EVENTS */

	.featured-events {
		margin-bottom: -15%;
	}
	
	/* IMAGE + TEXT */
	
	.image-text .measure-me {
		margin-top: -2rem;
	}
	
	.image-text .image-text-image {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.image-text .image-background {
		width: 100%;
		top: 0;
	}
	
	.image-text .main-image {
		padding-top: 3%;
	}
	
	/* INTRO HOME */
	
	.intro-home-image {
		padding-top: 12rem;
	}
	
	.intro-home-note {
		left: -2rem;
		top: 0;
		transform: rotate(12deg);
	}
	
	/* SUBSCRIBE */
	
	.subscribe {
		 background-size: 310%;
		background-position: center center;
	}
	
	#gform_fields_3 {
		gap: 1rem;
	}
	
	/* VIDEO CENTERED */
	
	.video-centered .image-frame {
		left: 1.5rem!important;
		width: calc(100% - 3rem)!important;
	}
	
	.video-centered lite-vimeo {
		max-width: 95%;
		margin-left: 2.5%;
		margin-top: 2.75%;
	}
	
}