img.event-logo {
display: block;
width: 100%;
margin: auto;
max-width: 300px;
}
.venues-container, .pricing-container, .rosters-container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 30px;
}
span.venue-name {
font-weight: bold;
}
.price-point, .roster .roster-btn {
text-align: center;
text-transform: uppercase;
color: white;
font-weight: bold;
font-size: 1.45rem;
}
.price-point div, .roster {
padding: 5px 10px;
background-color: var( --e-global-color-primary );
}
.price-point .price {
background: var( --e-global-color-secondary );
}
.price-point .price-status {
color: var( --e-global-color-secondary );
background: white;
}
.roster .roster-btn {
display: table;
width:100%;
margin:auto;
border: 1px solid var( --e-global-color-primary );
padding: 5px 10px;
}
.roster {
border: 1px solid var( --e-global-color-primary );
margin:0;
padding:0;
}
.roster:hover, .roster .roster-btn:hover {
background:#FFF;
color:var( --e-global-color-primary );
border: 1px solid #FFF;
}
.roster:hover {
border: 1px solid var( --e-global-color-primary );
}