/* Chapter Events */
.chapter-events-heading, .chapter-news-heading {text-align: center;}
.chapter-events {display: flex; flex-wrap: wrap; justify-content: center;}
.event-card {width:30%; margin: 10px; padding: 10px;}
.event-card .title {margin: 10px 0;}

/* Chapter News */

.chapter-news {margin:0; padding:20px 0;}
.chapter-news li {display: grid; grid-template-columns: 2fr 1fr; background: rgba(255,255,255,0.6); transition: 0.3s;}

    .chapter-news {display: flex; flex-wrap: wrap; justify-content: center;}    
    .chapter-news li {width:48%; margin: 10px; padding: 10px; list-style-type: none;}

/* BOTH Chapter Events & News */

.event-card .title, .chapter-news li .title {font-size: 20px;}


/* Vendor Grid */
/* .vendor-grid {display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;}
.vendor-card {flex: 0 1 calc(25% - 1em); } */

.vendor-card {height: 275px; background-size: cover; background-position: center; 
    border-radius: 10px; overflow: hidden;}
.vendor-card a {display: block; width: 100%; height: 100%;}
.vendor-card .title {background: rgba(207, 228, 224, 0.85); margin: auto 0 0 0; padding: 10px 15px; 
    color: #396563; font-size: 16px; text-transform: uppercase; text-align: center;}
.vendor-card__inner {
    display: flex;
    flex-direction: column; 
    height: 275px;}
.vendor-card__inner {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
}

/* Vendor Tips */
.vendor-tips {margin:0; padding:20px 0; /*display: grid; grid-template-columns: 1fr; gap: 20px;*/ background: rgba(255,255,255,.3);}
.vendor-tips li {display: grid; grid-template-columns: 2fr 1fr; background: rgba(255,255,255,0.6); 
    /*margin: 0 0 10px 0; padding: 10px;*/ transition: 0.3s;}

.vendor-tips {display: flex; flex-wrap: wrap; justify-content: center;}    
.vendor-tips li {width:30%; margin: 10px; padding: 10px; list-style-type: none;}


.vendor-tips li:hover {background: #fff;;}
.vendor-tips .text em {font-size: 14px; text-transform: uppercase; font-style: normal; color: #f48b80;}
.vendor-tips .text .title {font-size: 18px;}
.vendor-tips .text .title a {color: #64c2ae;}
.vendor-tips .img {}

/* Vendor Resources */
.vendor-resources {margin:0; padding:20px 0; /*display: grid; grid-template-columns: 1fr; gap: 20px;*/ background: rgba(165,197,190,.3);}
.vendor-resources li {/*display: grid; grid-template-columns: 2fr 1fr;*/ background: rgba(255,255,255,0.6); 
    /*margin: 0 0 10px 0; padding: 10px;*/ transition: 0.3s; border-radius: 10px;}
.vendor-resources li:hover {background: #fff;;}

.vendor-resources {display: flex; flex-wrap: wrap; justify-content: center;}    
.vendor-resources li {width:30%; margin: 10px; padding: 10px; list-style-type: none; text-align:center;}

.vendor-resources .text em {font-size: 14px; text-transform: uppercase; font-style: normal; color: #f48b80;}
.vendor-resources .text .title {font-size: 18px; margin:0;}
.vendor-resources .text .title a {color: #64c2ae;}
.vendor-resources .img {}

@media (min-width:768px) {
.vendor-tips, .vendor-resources {grid-template-columns: 1fr 1fr 1fr;}
}