div.event_list_main
{
position: relative;
margin-top: 2rem;
color: #252525;
}

div.event_list_main span.control
{
position: absolute;
top: 0;
bottom: 0;
width: 2.5rem;
color: #fff;
cursor: pointer;
background-position: center;
background-size: 2.25rem;
background-repeat: no-repeat;
/*outline: solid 1px red;*/
}

div.event_list_main span.control.left
{
left: -4rem;
background-image: url('/assets/left.svg');
}

div.event_list_main span.control.right
{
right: -3rem;
background-image: url('/assets/right.svg');
}

div.event_list_main div.window
{
width: 100%;
overflow: hidden;
}

div.event_list_main div.wrapper
{
/*width: auto;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;*/
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    flex-direction: row;
    display: flex;
    flex: 1 0 100%;
    scrollbar-width: none;
    column-gap: 2rem;
    padding-top: 1.5rem;
}

div.event_list_main a.item
{
display: block;
width: 31.5%;
height:280px;
margin-right: 2%;
text-decoration: none;
flex-shrink: 0;
flex-grow: 0;
cursor: pointer;
border: solid 1px #b7b7b7;
border-radius: 1.25rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 0;
}

div.event_list_main a.item:before
{
content: '\20';
position: absolute;
top: -1.5rem;
right: -0.5rem;
display: block;
width: 3.375rem;
height: 5.875rem;
background-image: url('/assets/corner.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
z-index: 1000;
/*outline: solid 1px red;*/
}

div.event_list_main a.item:after
{
content: '\20';
display: block;
padding-top: 75%;
z-index: 0;
}

div.event_list_main a.item div.back
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 1.25rem;
}

div.event_list_main a.item h3
{
position: absolute;
top: 1rem;
left: 1.5rem;
right: 2.5rem;
font-size: clamp(1.00rem, 0.9530rem + 0.24vw, 1.25rem);
line-height: 1.5rem;
text-transform: none;
margin-top: 0;
}

div.event_list_main a.item p.bottom
{
position: absolute;
bottom: 1rem;
left: 1.5rem;
right: 1.5rem;
font-size: 1rem;
font-weight: 500;
color: #30366b;
}

div.event_list_main a.item p.bottom span.more
{
margin-left: 1rem;
text-decoration: underline;
position: relative;
}

div.event_list_main a.item p.bottom span.more:after
{
content: '\20';
position: absolute;
top: 0.375rem;
right: -1rem;
display: block;
width: 0.5rem;
height: 0.5rem;
background-image: url('/assets/arrow-right-up.svg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

@media (max-width: 768px){
    div.event_list_main a.item{
        width: 80%;
    }
}