.happening-submenu{
    text-align: center;
    padding: 12px 0px 12px 0px; 
    margin-top:50px;
  }
  
.happening-submenu a {
    color: black;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "gentona","Georgia",serif;
}

.happening-submenu .active a{
    color: #f37123;
}
#allBlogs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.blogPost {
    height: 360px;
    width: 270px;
    border: 1px solid gray;
    margin-bottom: 30px;
}
.blogPic {
    position: relative;
    height: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#blogHeader {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('https://test.ufsa.ufl.edu/wp-content/uploads/2019/01/home-weight.jpg');
    margin-top: -80px;
}

.triangle{
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -19px;
left: -4px;

}

.blogType{
    position: absolute;
    top: 5px;
    left: 10px;
}
.blogType p {
    font-weight: 500;
    color: white;
    font-family: inherit;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
}

.blogTitle{
    position: absolute;
    bottom: 20px;
    left: 10px;
    max-width: 75%;
}

.blogTitle p a{
    font-weight: 600;
    color: white;
    font-family: inherit;
    text-transform: uppercase;
    margin: 0;
    padding: 3px;
    font-size: 15px;
}
.blogTitle p {
    margin: 0;
}
.blogContent {
    height: 45%;
    padding: 10px;;
}
.blogContent p{
    font-weight: 300;
    font-size: 14px;
    line-height: initial;
    max-height: 107px;
    overflow: hidden;

}
.blogContent h6 {
    font-size: 15px;
    margin-top: 25px;
    color: lightslategray;
}

.readMore{
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-color: #F37123;
    float: right;
    margin-right: 10px;
    margin-top: 10px;

}
.readMore span{
    border-radius: 0em;
    border: 0px solid;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1px 10px;
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);  
    display: inline-block;
}
.readMore span a {
    font-size: 15px;
    color: #ffffff;

}