.Alum-cover{
    height: 80vh;
    object-fit: cover;

}


.cover{
    position: relative;
}

.titleBlock{
    position: absolute;
    font-family: 'Bangers', cursive;
    bottom: 10vh;
    left: 5vw;
    font-size: 5em;
    z-index: 99;
    text-shadow: 3px 3px 3px floralwhite;
}

.Title{
    /* font-size: xx-large !important; */
    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}

.typed-cursor{
    /* font-size: xx-large; */
    font-family: 'Bangers', cursive;
}



.titlelayer{
    padding-top: 24em;
    padding-bottom: 8em;

    /* background: url("/images/cover.jpg"); */
    background-size: cover;
}



.titleblock{
    padding-left: 8em;
    width: 60%;
}

.layer{
    padding-top: 4em;
    padding-bottom: 4em;
}

.upcomingevents{
    /* background-color: blanchedalmond;     */

}

.list-group-item{
    border: solid 0.1em #333 !important;
    border-left: solid 0.5em darkblue !important;
    margin: 0.5em;
    border-radius: 0.5em !important;
}

.blog-cards{
    background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url('/images/quotes.png');
    /* background: url('/images/quotes.png'); */
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    /* filter: opacity(0.8); */
    /* filter: alpha(opacity=0);  */
    transition-duration: 0.25s;
}


.blog-cards:hover{
    transform: translate3D(0,-1px,0) scale(1.1);
    transition-duration: 0.25s;
    box-shadow: 0px 0px 2em -0.5em #000;
}

.blog-cards .card-img-top{
    max-height: 15em !important;
    object-fit: cover;
}

.more-blogs{
    color: wheat;
    background-color: darkorange;
    font-size: 3vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition-duration: 0.2s;
}

.blog-more{
    display: block;
    width: 100%;
}

.more-blogs:hover{
    transform: scale(1.05);
    box-shadow: 0 0 2em -0.7em #000;
}

.blog-more:hover{
    text-decoration: none !important;
}

/* .layer:nth-child(odd){
    background-color: #ddd;
} */

.blog-layer{
    position: relative;
}

/* .blog-layer::before{
    content: url('/images/design.svg');
    display: block;
    width: 100%;
    height:5em;
    z-index: -10;
    top: -5em;
    position: absolute;
} */


.event-cards{
    transition-duration: 0.25s;    
}

.event-cards:hover{
    transform: translate3D(0,-1px,0) scale(1.05);
    transition-duration: 0.25s;
    box-shadow: 0px 0px 1em -0.5em #000;
    cursor: pointer;
    border-radius: 0 5em 0 0;
}

.extra-event{
    font-size: 4vh;
    color: wheat;
    background-color: darkorange;
}

.layer h2{
    position: relative;
}

.layer h2::before{
    content: '';
    display: block;
    width: 1em;
    height: 1.5em;
    border: solid 3px darkorange;
    position: absolute;
    top: -0.5em;
    left: -1.5em;
}

.layer h2::after{
    content: '';
    display: block;
    width: 0.8em;
    height: 1.2em;
    border: solid 3px red;
    position: absolute;
    top: 0em;
    left: -1.1em;
}

.grow{
    position: fixed;
    height: 4em;
    width: 4em;
    line-height: 2em;
    right: 4em;
    bottom: 4em;
    padding: 1em;
    padding-right: 2em;
    padding-left: 2em;
    background-color: firebrick;
    border-radius: 2em;
    color: floralwhite;
    z-index: 999;
    transition-duration: 0.5s;
    overflow-x: hidden;
    transition: width 0.5s;
    /* overflow-y: hidden; */
    color: firebrick;
    white-space: nowrap;
}

.grow:hover {
    transition: width 0.5s;
    height: max-content;
    width: 80%;
    white-space: normal;
    color: floralwhite;
}

.grow #text{
    display: none;
}

.grow:hover #text{
    display: unset;
}

.grow #icon{
    transform: translateX(-0.5em);
}

.grow:hover #icon{
    display: none;
}

/* .notifications::after{
    content: '';
    position: absolute;
    display: block;
    height: 4em;
    width: 4em;
    border-radius: 2em;
    background-color: firebrick;
    z-index: 1000;
    right: 0px;
    top: 0px;
    visibility: visible;
    /* filter: opacity(1) !important; */
} */

/* 
.grow {
    height: 49px;
    width: 22%;
    margin: 5px 1% 5px 1%;
    float: left;
    position: relative;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    text-align: center;
    overflow: hidden;
  } */