i.tltEvents {
    margin: 0.35rem 0 0.35rem 0;
    font-size: 280%;
}

div.tltEventsbtn {
    width: 100%;
    text-align: center;
    margin: auto;
    max-width: 900px;
}

div.tltEventsbtn div {
    width: 100%;
    text-align: center;
    max-width: 450px;
}

div.tltEventsbtn-left, div.tltEventsbtn-right {
    width: 48%!important;
    float: left;
}

div.tltEventsbtn-left span, div.tltEventsbtn-right span {
    background-color: #73000a;
    padding: 10px;
    border-radius: 10px;
}

div.tltEventsbtn-left {
   margin-right:20px;
}

.tltEventsbtn div a {
    width: 100%;
    /* height: 200px; */
    aspect-ratio: 4 / 3;
    max-width: 450px;
}

.tltEventsbtn-left div a, .tltEventsbtn-right div a {
    background-repeat: no-repeat;
    background-size: cover;
}



.tltEventsbtn-left div a {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/09/ExploreCampusSPACES-1024x681.jpg);
}

.tltEventsbtn-right div a {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/09/UniversityEventCal.jpg);
}

.tltEventsbtn-left div a:hover, .tltEventsbtn-right div a:hover {
    color: white;
    opacity: 0.8
}

/*.tltEventsbtnLeft div{
    background-color: #73000a;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
}*/

.tltEventsTeambtn {
    width: 100%;
}

.tltEventsTeambtn a {
    width: 30%;
}

div#trumba\.spud\.0 {
    width: 70%;
    margin: auto;
}

aside.sidebar div#trumba\.spud\.0 {
    width: 100%;
    margin: auto;
}

@media screen and (max-width: 950px) {
    .tltEventsbtn {
    width: 45%;
    }
     div#trumba\.spud\.0 {
        width: 100%;
    }
    .tltEventsbtn-left div a, .tltEventsbtn-right div a {
      background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
}
}

@media screen and (max-width: 761px) {
    .tltEventsbtn a {
       min-height: 172px;
    }
    
    /*.tltEventsbtn-right{
        top: -30px;
        position: relative;
    }*/
    .tltEventsTeambtn {
        width: 100%;
    }
    .tltEventsTeambtn a{
        width: 100%;
    }
   
}

 /* @media screen and (max-width: 658px) {
    .tltEventsbtn-right{
        top: 0px;
}
}

@media screen and (max-width: 592px) {
    .tltEventsbtn-right{
        top: -30px;
}
}*/

@media screen and (max-width: 595px) {
    .tltEventsbtn { 
        margin-bottom: 0;
    }
    .tltEventsbtn a {
       min-height: 202px;
       margin-bottom: 0;
    }
    div.tltEventsbtn-left, div.tltEventsbtn-right {
    width: 100% !important;
}
}

/* Explore Campus Spaces Page*/
/* top buttons */
div.events-cstop div {
    width: 24%;
}

div.events-cstop a.btn {
    width: 100%;
}
/* Spaces buttons */
div.events-cspaces div.btn-adv-el-wrapper {
    width: 24%;
}

div.events-cspaces {
    text-align: center;
}

div.events-cspaces a.btn {
    width: 100%;
    height: 200px;
    padding-left: 0;
    padding-right: 0;
}

div.events-cspaces span {
    background-color: #73000a;
    padding: 5px 10px;
    border-radius: 16px;
    white-space: nowrap;
}

div.events-cspaces a.btn-default:hover {
    color: white;
    border-color: #73000a;
    opacity: 0.9;
    
}

div.events-cspaces a.btn-default:hover span {
   background-color: #535961;
    
}

div.events-cspaces div.eventsbtn {
    width: 24%;
}

div.events-cspaces div.eventsbtn {
    display: inline-block;
}

div.events-cspaces div.eventsbtn {
    margin-bottom: 1.125em;
}

div.events-cspaces a.events-mscenter {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-moseley.jpg);
    background-size: cover;
}

div.events-cspaces a.events-aud {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-auditoriums.jpg);
    background-size: cover;
}

div.events-cspaces a.events-res {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-residenceSpaces.jpg);
    background-size: cover;
}

div.events-cspaces a.events-nlpav {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-NumenLumen.jpg);
    background-size: cover;
}

div.events-cspaces a.events-koury {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/11/es-alumniGym.jpg);
    background-size: cover;
}

div.events-cspaces a.events-jhall {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-johnstonHall.jpg);
    background-size: cover;
}

div.events-cspaces a.events-tables {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-tables.jpg);
    background-size: cover;
}

div.events-cspaces a.events-lawnsPlazas {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-Lawns-Plazas.jpg);
    background-size: cover;
}

/* Moseley */
div.events-cspaces a.events-LakesideHall {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-mc-LakesideHall.jpg);
    background-size: cover;
}

div.events-cspaces a.events-McKinnonHall {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2024/12/es-mc-McKinnonHall.jpg);
    background-size: cover;
}

div.events-cspaces a.events-Moseley215 {
    background-image: url(https://eloncdn.blob.core.windows.net/eu3/sites/958/2025/02/es-mc-215.jpg);
    background-size: cover;
}