.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-desc a:after,.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-desc span:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-asc a:after,.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-asc span:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-express-entry-list-advanced-search{margin-left:20px;white-space:nowrap}a.ccm-block-express-entry-list-advanced-search:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-express-entry-list-advanced-search-open:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}div.ccm-block-express-entry-list-advanced-search-fields{margin-bottom:20px}


:root{
    --card-height: 480px;
}

 .event__item{
    height: var(--card-height);
    position:relative;
    z-index:1;
    margin-bottom:30px;
    overflow:hidden;
    background-position:center;
    background-size:cover;
    border: 0.5px solid lightgrey;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 .event__item:after{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(34,48,96,0.8);
    content:"";
    z-index:-1;
    opacity:0;
    -webkit-transition:all,0.5s,ease-out,.5s;
    -o-transition:all,0.5s,ease-out,.5s;
    transition:all,0.5s,ease-out,.5s;
}
 .event__item:hover:after{
    opacity:1;
}
 .event__item:hover .event__text{
    top:0;
    background:white;
}
 .event__item:hover .event__text .event__title{
    border-bottom:1px solid rgba(183,183,183,0.2);
    padding:0 0 16px;
    margin-bottom:26px;
    opacity:0;
    visibility:hidden;
    position:relative;
    bottom:initial;
    opacity:1;
    visibility:visible;
}
 .event__item:hover .event__text p{
    top:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all .5s ease .3s;
    -o-transition:all .5s ease .3s;
    transition:all .5s ease .3s;
}
 .event__item:hover .event__text{
    opacity:1;
    visibility:visible;
    bottom:34px;
    -webkit-transition:all .5s ease .5s;
    -o-transition:all .5s ease .5s;
    transition:all .5s ease .5s;
    overflow-y:scroll;
}
 .event__text{
    height:100%;
    top:361px;
    position:relative;
    padding: 2rem 1rem 1.5rem;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    background: rgba(255,255,255,0.75);
}
 .event__text .event__title{
    border-bottom:1px solid rgba(183,183,183,0.2);
    padding:0 0 26px;
    margin-bottom:26px;
    position:relative;
}
 .event__text .event__title h4{
    color:#fff;
    font-weight:700;
    margin-bottom:6px;
}
 .event__text .event__title span{
    font-size:15px;
    font-weight: 300;
    color: lightgrey;
}
 .event__text p{
    /* line-height:26px; */
    opacity:0;
    visibility:hidden;
    position:relative;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    
}
 .event button{
    position: absolute;
    top: 1.25rem;
    right: 1.0rem;
    z-index: 10;
   
   border: 1px solid var(--bs-primary);
   background-color: var(--bs-primary);
   color: white;
   border-radius: 5px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.event button:hover{
    background-color: white;
    color: var(--bs-primary);
 }
.event{
    width: 100%;
    padding: 0.5rem 0.5rem 0.01rem;
    position: relative;
}
/* .event_date{
    font-size: smaller;
} */
.event_title{ font-weight: 700; }
.event_icon img{ vertical-align: top; }
.zebra_stripe{
    background-color: rgb(222, 222, 222);
}
.event_description{ width: 85%}
.event_link{ width: 15%}

.event.filled:before {
    content: "Waitlist";
    position: absolute;
    bottom: 1rem; /* calc((100% / 2) - 0.5rem); */
    right: .25rem; /* calc((100% / 2) - 3.5rem); */
    font-size: 1rem;
    font-weight: bold;
    color: red;
    border: 3px solid red;
    padding: 0 0.5rem;
    border-radius: 1rem;
    z-index: 10;
    /* transform: rotate(-15deg); */
    opacity: 0;
}


button.pulse{
    position: absolute; /* centering */
    top: 2rem;
    right: 0rem;
    transform: translate(-50%, -50%);
    display: flex; /* centering the content */
    justify-content: center;
    align-items: center;
    width: 2rem; 
    height: 2rem;
    border-radius: 50%; /* make it a circle */
    font-size: 20px;
    border: none;
    cursor: pointer;
}
  button.pulse::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;  /* behind the parent */
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #dddd;
    top: 0;
    right: 0;
    animation: pulse 2.4s infinite ease-out;  /* animation configuration */
}
@keyframes pulse {
    to {
        transform: scale(2);
        opacity: 0;
    }
}