.filter-bar.scroll {position:fixed; z-index:4; top:70px;}
.filter-bar {width:100%; background:var(--bg-light); box-shadow:0 0 20px rgba(0,0,0,.25); position:absolute; z-index:2;}
	.filter-bar .container {max-width:1380px; position:relative; padding:0 25px;}
    .filter-bar .container .menu {width:280px; padding:15px 0; font-weight:600; font-size:14px; text-transform:uppercase; display:block; margin:0; cursor:pointer;}
    .filter-bar .container ul {width:280px; background:var(--bg-light); margin:0; padding:0; list-style:none; position:absolute; left:25px; top:100%; display:none;}
    .filter-bar .container ul li {font-size:14px; font-weight:600; display:block;}
      .filter-bar .container ul li a {padding:10px 15px; color:#000; display:block;}
      .filter-bar .container ul li:first-child a {border-top:1px solid #ccc;}
      .filter-bar .container ul li a:hover {background:var(--bg-primary); color:var(--text-light);}

.filter-bar.groups {position:relative;}
	.filter-bar.groups .container {display:flex; flex-flow:row wrap; align-items:center; max-width:1370px; margin:0 auto; padding:20px; text-align:left;}
		.filter-bar.groups .container .buttons {flex:1 1 100%; margin-top:10px; padding:0;}
			.filter-bar.groups .container .buttons a span {font-size:15px;}
		.filter-bar.groups .container .search {flex:1 1 100%; margin:0; padding-right:0; position:relative;}
			.filter-bar.groups .container .search input {width:calc(100% - 40px); padding:14px 10px 14px 30px; background:transparent; border-bottom:1px solid #ca4236; position:relative; z-index:2;}
			.filter-bar.groups .container .search span {color:#ca4236; font-size:20px; position:absolute; top:50%; left:0; transform:translateY(-50%);}

    
.filter-bar-padding {width:100%; height:48px; display:block;}

.group-listing {background:#f0efeb;}
	.group-listing .container {max-width:1380px; padding:40px 25px;}
		.group-listing .container .filters {display:flex; flex-flow:row wrap; font-weight:600; font-size:1.4rem; text-transform:uppercase;}
			.group-listing .container .filters .filter {flex:0 0 calc(20% - 30px); margin:0; padding:15px; position:relative;}
				.group-listing .container .filters .filter.selecting .title {background:#ca4236; color:var(--text-primary);}
				.group-listing .container .filters .filter .title {padding:15px 25px 15px 15px; border:1px solid #ca4236; position:relative; cursor:pointer; transition:all .3s ease;}
				.group-listing .container .filters .filter .title:hover {background:#ca4236; color:var(--text-primary);}
					.group-listing .container .filters .filter .title span {position:absolute; top:50%; right:10px; transform:translateY(-50%);}
				.group-listing .container .filters .filter.selecting .list {opacity:1; visibility:initial; top:calc(100% - 15px);}
				.group-listing .container .filters .filter .list {width:calc(100% - 30px); max-height:200px; background:var(--bg-light); opacity:0; visibility:hidden; position:absolute; top:100%; left:15px; z-index:2; transition:all .3s ease; overflow-y:scroll;}
					.group-listing .container .filters .filter .list .item {padding:15px; cursor:pointer; transition:all .3s ease;}
					.group-listing .container .filters .filter .list .item:hover {background:#f0efeb;}
					.group-listing .container .filters .filter .list .item:hover span {opacity:.7;}
						.group-listing .container .filters .filter .list .item span {padding-right:10px; color:#ca4236; font-size:1.6rem; vertical-align:middle; opacity:.3; transition:all .3s ease;}
						.group-listing .container .filters .filter .list .item.selected span {opacity:1;}
    .group-listing .container .highlight {width:100%; padding:25px 0 80px;}
      .group-listing .container .highlight .item {width:100%;}
        .group-listing .container .highlight .wrapper {width:100%; min-height:580px; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
          .group-listing .container .highlight .img {width:30%; margin:0; background-position:center top; background-repeat:no-repeat;}
          .group-listing .container .highlight .details {width:66%; margin:0 0 0 auto; display:flex; flex-direction:column; justify-content:center;}
            .group-listing .container .highlight .details h3 {padding-top:5px;}
            .group-listing .container .highlight .details .bio {padding-top:25px;}
            
		.group-listing .container .map {display:none; padding:15px;}
			.group-listing .container .map #mapContainer {height:640px;}
		.group-listing .container .buttons.groups {display:none;}
		.group-listing .container h1 {padding-left:15px;}
		.group-listing .container .item-count {display:none;}
		.group-listing .container .featured-list {width:100%; display:inline-block;}
			.group-listing .container .featured-list .list-item {width:50%; margin:0;}
    
    .group-listing .container .list-group {width:100%; padding:0 0 60px;}
      .group-listing .container .list-title {width:100%; padding:0 0 20px;}
    
		.group-listing .container .list {width:100%; display:flex; align-items:stretch; flex-wrap:wrap; gap:3.5em 4%;}
			.group-listing .container .list > p {text-align:center;}
			.group-listing .container .list .list-item {width:33.3%; margin:0;}
			.group-listing .container .list .list-item:nth-child(3n+1) {clear:left;}
			
			.group-listing.staff .container .list .list-item {width:23%; background:var(--bg-light); margin:0; text-align:center; display:block; float:none;}
			.group-listing.staff .container .list .list-item:nth-child(3n+1) {clear:none;}
			.group-listing.staff .container .list .list-item:nth-child(4n+1) {clear:left;}
				.group-listing.staff .container .list .list-item .line.center {margin:10px auto;}
				.group-listing.staff .container .list .list-item .details .text span {font-size:2rem;}
				.group-listing.staff .container .list .list-item .details .text a {padding:0 5px;}
		
			.group-listing .container .list-item .wrapper {height:100%; /*margin:20px 15px;*/ position:relative; background:var(--bg-dark);}
        .group-listing .container .list-item .wrapper h2 {font-size:2.4rem;}
        .group-listing .container .list-item .wrapper h4 {font-size:1.9rem;}
        .group-listing .container .list-item .wrapper h5 {font-size:1.6rem; opacity:0.7;}
				.group-listing .container .list-item .wrapper .img {padding-top:100%; opacity:0.4;}
					.group-listing .container .list-item .wrapper .img .title {display:none; color:var(--text-primary); font-weight:700; font-size:calc(3vw + 1vh + 1vmin); line-height:calc(3vw + 2vh - 1vmin); font-family:var(--font-proxima); text-transform:uppercase; text-align:center;text-shadow:0 0 25px rgba(0,0,0,.3); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
					.group-listing .container .list .wrapper .img .title {font-size:calc(2vw + 1vh + 1vmin); display:none;}
					.group-listing .container .list-item .wrapper .img .shadow {width:100%; height:100%; background:#ca4236; opacity:0; position:absolute; top:0; left:0;}
					.group-listing .container .list-item .wrapper .img:hover .shadow {opacity:.8;}
				.group-listing .container .list-item .wrapper .details {color:var(--text-light); position:absolute; left:30px; bottom:40px; z-index:2; text-align:left;}
					.group-listing .container .list-item .wrapper .details .date {padding:3px 0 10px;}
					.group-listing .container .list-item .wrapper .details .location {padding-bottom:10px;}
					.group-listing .container .list-item .wrapper .details .registration {font-size:1.8rem; padding:10px 0;}
					.group-listing .container .list-item .wrapper .details .registration.open {color:#00c300;}
					.group-listing .container .list-item .wrapper .details .registration.full {color:#ca4236;}
					.group-listing .container .list-item .wrapper .details .text {max-height:332px; overflow:hidden;}
					.group-listing .container .list-item .wrapper .details .buttons a {margin-bottom:10px;}

					.group-listing .container .list-item .wrapper .details .position {font-size:var(--text-13); line-height:1.1; opacity:0.8;}
					.group-listing .container .list-item .wrapper .details .name {font-size:var(--text-18); line-height:1.1;}
					.group-listing .container .list-item .wrapper .details .socials {padding:5px 0 0;}
					
					.group-listing.disabled .list-item .wrapper:hover {box-shadow:none;}
					.group-listing.disabled .list-item .wrapper .details:before {height:0;}
					.group-listing.disabled .list-item .wrapper .details:after {height:0;}

.filter-modal {display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; visibility:hidden; opacity:0; transition:all .3s ease;}
.filter-modal.show {visibility:initial; opacity:1;}
	.filter-modal .bg {width:100%; height:100%; background:#161616; opacity:.7; position:absolute; top:0; left:0; z-index:1;}
	.filter-modal .container {flex:1 1 auto; max-width:1200px; padding:20px; position:relative; z-index:2;}
		.filter-modal .container .filters {display:flex; flex-flow:row wrap; padding:10px; font-weight:600; font-size:1.4rem; text-transform:uppercase; background:var(--bg-light);}
			.filter-modal .container .filters .buttons {width:calc(100% - 20px); padding:10px 0;}
			.filter-modal .container .filters .filter {flex:0 0 calc(100% - 20px); margin:0; padding:10px; position:relative;}
				.filter-modal .container .filters .filter.selecting .title {background:#ca4236; color:var(--text-primary);}
				.filter-modal .container .filters .filter .title {padding:15px 25px 15px 15px; border:1px solid #ca4236; position:relative; cursor:pointer; transition:all .3s ease;}
				.filter-modal .container .filters .filter .title:hover {background:#ca4236; color:var(--text-primary);}
					.filter-modal .container .filters .filter .title span {position:absolute; top:50%; right:10px; transform:translateY(-50%);}
				.filter-modal .container .filters .filter.selecting .list {opacity:1; visibility:initial; top:calc(100% - 10px);}
				.filter-modal .container .filters .filter .list {width:calc(100% - 20px); max-height:200px; background:var(--bg-light); opacity:0; visibility:hidden; position:absolute; top:100%; left:10px; z-index:2; transition:all .3s ease; overflow-y:scroll;}
					.filter-modal .container .filters .filter .list .item {padding:15px; cursor:pointer; transition:all .3s ease;}
					.filter-modal .container .filters .filter .list .item:hover {background:#f0efeb;}
					.filter-modal .container .filters .filter .list .item:hover span {opacity:.7;}
						.filter-modal .container .filters .filter .list .item span {padding-right:10px; color:#ca4236; font-size:1.6rem; vertical-align:middle; opacity:.3; transition:all .3s ease;}
						.filter-modal .container .filters .filter .list .item.selected span {opacity:1;}

@media (max-width:1279px) {
  .group-listing .container .highlight .wrapper {min-height:420px;}
}
@media (max-width:1200px) {
	.group-listing.staff .container .list .list-item {width:31.3%;}
	.group-listing.staff .container .list .list-item:nth-child(4n+1) {clear:none;}
	.group-listing.staff .container .list .list-item:nth-child(3n+1) {clear:left;}
}
@media (max-width:1020px) {
	.group-listing .container .filters .filter {flex:0 0 calc(25% - 20px); padding:10px;}
		.group-listing .container .filters .filter .list {width:calc(100% - 20px); left:10px;}
		.group-listing .container .filters .filter.selecting .list {top:calc(100% - 10px);}
	.group-listing .container {padding:20px 20px 30px 20px;}
		/* .group-listing .container .list-item .wrapper {margin:10px;} */
			/* .group-listing .container .list-item .wrapper .details {padding:20px;} */
}
@media (max-width:900px) {
	.group-listing .container .filters .filter {flex:0 0 calc(33.3% - 20px);}
	
	.group-listing .container .map #mapContainer {height:500px;}
}
@media (max-width:760px) {
	.group-listing .container .filters .filter {display:none;}
	.group-listing .container .map #mapContainer {height:380px;}
	
	.group-listing .container {padding:10px 10px 30px 10px;}
		.group-listing .container .featured-list .list-item {width:100%; float:none;}
		.group-listing .container .list .list-item {width:100%; float:none;}
		.group-listing .container .list .list-item:nth-child(3n+1) {clear:none;}
		
		.group-listing .container .list-item .wrapper:hover {box-shadow:none;}
		
		.group-listing .container .list-item .wrapper .img .title {font-size:calc(5vw + 1vh + 1vmin);}
		.group-listing .container .list .wrapper .img .title {font-size:calc(5vw + 1vh + 1vmin);}
		
    .group-listing.staff .container .list .list-item {width:48%;}
    
  .group-listing .container .highlight .wrapper {min-height:0;}
    .group-listing .container .highlight .img {width:100%; max-width:335px; height:500px;}
    .group-listing .container .highlight .details {width:100%; margin:25px 0 0;}
}
@media (max-width:500px) {
  .group-listing .container .highlight .img {max-width:none; height:450px;}
  .group-listing.staff .container .list .list-item {width:100%;}
}

/* Mobile Hover Fix */
@media all and (min-width: 900px) {
	.group-listing .container .list-item .wrapper:hover {box-shadow:0 0 20px rgba(0,0,0,.25);}
		.group-listing .container .list-item .wrapper:hover .details:after {width:100%;}
}