#b-content ul {
margin: 0;
padding: 0;
}

#b-content li {
float: left;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
list-style: none;
}

#b-content li strong {
position: relative;
float: left;
width: 25%;
font-family: 'Cubano';
font-size: 18px;
line-height: 20px;
margin-right: 62px;
text-align: right;
}

#b-content li strong:after {
content: " ";
position: absolute;
top: 0;
right: -38px;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#b-content ul li strong:after {
background: #5b84e8;
}

#b-content ol li strong:after {
background: #ff6c6c;
}

#b-content ul li a {
float: left;
width: 60%;
font-size: 18px;
line-height: 20px;
color: #4d4d4d;
font-style: normal !important;
}

#b-content li em {
float: left;
width: 60%;
font-size: 18px;
line-height: 20px;
font-style: normal !important;
}

/*Grid*/

#press-grid,
#events-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}

.grid-item {
position: relative;
display: inline-block;
flex: 1 0 calc(33.3% - 20px);
max-width: calc(33.3% - 20px);
height: 300px;
margin: 10px;
overflow: hidden;
background-size: cover;
background-color: #aaa;
background-position: center center;
background-repeat: no-repeat;
}

.grid-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
padding: 10px 10%;
background: rgba(54, 54, 54, .8);
z-index: 20;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
overflow: hidden;
}

.grid-item:hover .grid-overlay {
height: 100%;
}

.grid-overlay-header {
position: relative;
float: left;
width: 100%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}

.grid-overlay-header-cont {
float: left;
width: 100%;
height: 100px;
}

.grid-item h4 {
float: left;
width: 100%;
font-size: 22px !important;
line-height: 22px !important;
font-weight: 600;
color: #fff;
text-align: center;
padding: 0 0 5px 0;
margin: 0 !important;
}

.grid-item .grid-date {
float: left;
width: 100%;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
text-align: center;
}

.grid-item .grid-date span {
float: left;
clear: left;
width: 100%;
}

.grid-item .grid-date span:nth-child(2) {
font-size: 12px;
line-height: 12px;
display: none;
}

.grid-item .grid-content {
position: relative;
float: left;
width: 100%;
max-height: calc(100% - 100px);
font-size: 16px;
line-height: 18px;
overflow: visible;
opacity: 0;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
}

.grid-item .grid-content,
.grid-item a .grid-content {
color: #fff;
}

.grid-item:hover .grid-content {
opacity: 1;
}

.grid-item .grid-overlay a {
position: relative;
top: -10px;
float: left;
width: 100%;
padding: 20px 5%;
font-size: 20px;
line-height: 22px;
font-weight: 600;
text-align: center;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
-webkit-transition: all ease 300ms;
-moz-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
cursor: pointer;
z-index: 15;
}

.grid-item:hover .grid-overlay a {
opacity: 1;
top: 0;
}