.eventList{
display:flex;
flex-direction:column;
row-gap:32px;
grid-column:span 9;
padding-left:32px;
}
.eventCard{
border-bottom:2px solid var(--awb-color8);
padding-bottom:32px;
display:grid;
grid-template-columns:repeat(12, 1fr);
row-gap:24px;
}
.eventColumn{
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.eventColumn{
grid-column:span 6;
position:relative;
}
.eventCard .fusion-button{
width:fit-content;
}
.eventTitle{
hyphens:auto;
}
.eventTitle,
.eventState{
margin-bottom:16px;
}
.speakerImage{
border-radius:12px;
margin-bottom:4px;
}
.eventOverview{
display:grid;
grid-template-columns:repeat(12, 1fr);
}
.eventType,
.eventFree{
color:var(--awb-color8);
}
.eventList .fusion-button:after{
background-color:transparent!important;
}
.eventFilterForm{
display:flex;
flex-direction:column;
row-gap:32px;
grid-column:span 3;
padding-right:32px;
}
.eventFilterForm legend{
font-size:18px;
letter-spacing:0.05em;
text-transform:uppercase;
font-weight:700;
line-height:120%;
margin-bottom:8px;
padding:0;
}
.eventFilterForm fieldset{
display:flex;
flex-direction:column;
row-gap:8px;
}
.eventFilterForm input[type="radio"],
.eventFilterForm input[type="checkbox"]{
appearance:none;
margin:0;
visibility:hidden;
position:relative;
}
.eventFilterForm label{
display:flex;
column-gap:8px;
align-items:center;
font-size:16px;
}
.eventFilterForm input[type="radio"]:before,
.eventFilterForm input[type="checkbox"]:before{
visibility:visible;
opacity:1;
content:'';
border:1px solid var(--awb-color1);
width:20px;
height:20px;
display:block;
border-radius:4px;
}
.eventFilterForm input[type="radio"]:after,
.eventFilterForm input[type="checkbox"]:after{
visibility:visible;
content:'\f00c';
width:21px;
height:21px;
display:flex;
justify-content:center;
align-items:center;
border-radius:4px;
font-family:'Font Awesome 5 Free';
font-weight:700;
color:var(--awb-color1);
position:absolute;
top:0;
transition:all 0.25s ease-in-out;
opacity:0;
font-size:12px;
}
.eventFilterForm input[type="radio"]:checked::after,
.eventFilterForm input[type="checkbox"]:checked::after{
transition:all 0.25s ease-in-out;
opacity:1;
}
.eventFilterForm input[type="radio"]:checked::before,
.eventFilterForm input[type="checkbox"]:checked::before{
opacity:0;
transition:all 0.25s ease-in-out;
}
.eventFilterForm .fusion-button{
height:fit-content;
}
.eventSpeaker{
margin-top:16px;
}
.free{
margin-top:8px;
padding-top:16px;
border-top:1px solid var(--awb-color1);
}
#resetFilter{
all:unset;
display:flex;
font-weight:700;
position:relative;
}
#resetFilter:hover,
#resetFilter:hover::after,
#resetFilter:hover::before{
color:var(--awb-color8);
border-color:var(--awb-color8);
}
#resetFilter,
#resetFilter:hover,
#resetFilter:after,
#resetFilter:before,
#resetFilter:hover::after,
#resetFilter:hover::before{
transition:all 0.25s ease-in-out!important;
}
#resetFilter:before{
color:var(--awb-color1);
content:'x';
margin:0 16px 0 0;
display:block;
transform:translatey(-0.088em)translatex(0.35em);
}
#resetFilter:after{
content:'';
border-radius:50%;
border:2px solid var(--awb-color1);
background:transparent;
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
transform:translatey(-50%);
}
.eventFilterForm label:hover,
.eventFilterForm button:hover,
.eventFilterForm input:hover{
cursor: pointer!important;
}