.journal-item{position: relative; margin-bottom: 30px; transition: all 300ms;}
.journal-item:hover{/*transform: scale(1.05);*/}
.journal-item__inner{padding-top: 100%; }
.journal-item__body{position: absolute; right: 0; bottom: 0; left: 0; padding: 20px;}
.journal-item__photo-link {border-radius: 16px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.journal-item__photo-link::before{border-radius: 16px; display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); transition: all 300ms;}
.journal-item:hover .journal-item__photo-link::before{background-color: rgba(0,0,0,0.6);}
.journal-item__photo-link::after{display: block; content: ""; position: absolute; top: 20px; left: 20px; width: 108px; height: 12px;
background: url('chocology_logo_text_white.png') center center / contain no-repeat; }



.journal-item__title a{color: #fff; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; text-decoration: none; border-bottom: 1px solid transparent; transition: all 200ms;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}
.journal-item__title a:hover{color: #fff; text-decoration: none; border-bottom-color: #fff;}


@media(max-width: 767px){

.journal-item__inner{padding-top: 67%; }
}