/*----- loops------- */


.loop-tile{
	height: 100%;
	display: flex;
	
	flex-grow: 1;
	outline-offset: 0px;
	outline: var(--outline-off);
	transition: var(--trans-outline);

}
a.loop-tile{ color: var(--c-text);}

.loop-tile:is(:hover, :focus){
	outline-offset: var(--offset);
	outline-color: var(--coral);
}

.loop-image-wrapper{
	position: relative;
	overflow: hidden;
}

.loop-image{
	height: 250px;
}

.loop-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.loop-btm-image-info{
	position: absolute;
	color: white;
	bottom: 0;
	z-index: 2;
	padding-bottom: var(--pad-s);
}

.loop-cat{
	background: var(--h-white);
	color: var(--text);
	text-transform: none;
	padding: .3rem .8rem;
	border-radius: var(--rad-s)
}

.loop-top-image-info{
	color: white;
	position: absolute;
	top: 0;
	z-index: 2;
}



.loop-pin-wrap{
	background: var(--c-black-10);
	padding: .2rem .6rem .0rem .6rem;
	border-radius: var(--rad-m)
}

.events-location-loop span{
	font-weight: bold;
}

.events-location-loop{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
  line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pin-pill{
	width: 1.5rem;
}



.loop-date{
	font-size: var(--small-intro-f-size);
}

.loop-grid-date-icon{
	width: var(--large-intro-f-size);
}


.tile-s{
  background-color: var(--surface-1);
  border: 1px solid var(--surface-1-border);
  border-radius: var(--rad-m);
  padding: var(--pad-m);
  overflow: clip;
}

/*----- loops end ------- */

.outline-hover{
  --hover-color: var(--coral);
	outline-offset: 0px;
	outline: var(--outline-off);
	transition: var(--trans-outline);
}

.outline-hover:is(:hover, :focus){
	outline-offset: var(--offset);
	outline-color: var(--hover-color);
}

.green-outline .outline-hover{
  --hover-color: var(--c-green-50);
}

/*hero-search*/

.hero-search-wrapper{
	padding: var(--default-padding) var(--pad-l);
}
.inline-search-wrapper{
	display: flex;
}

.inline-search-wrapper .elementor-shortcode{
	width: 100%;
}

.ecs-searchpanel__form{
	display: flex;
	gap: var(--gap-m);

}


.ecs-searchpanel__form input{
	border-radius: var(--rad-s);
	outline-offset: 0px;
	outline: var(--outline-off);
	transition: var(--trans-outline);
}

.ecs-searchpanel__form input:is(:hover, :focus){
	outline-offset: var(--offset);
	outline-color: var(--c-green-50);
}

.white-search .ecs-searchpanel__form input{
	background-color: var(--h-white);
	border-color: var(--h-m-brown);
}

/*hero-search-end*/