.recipe-list .tile {
    height: 100%;
    padding-bottom: 30px;
}

.recipe-list .inner {
    display: block;
    height: 100%;
}

.recipe-list .tile .img {
    position: relative;
}

.recipe-list .tile .inner .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.9);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%239b000e' d='M363.3 100.7l144 144C510.4 247.8 512 251.9 512 255.1s-1.562 8.188-4.688 11.31l-144 144c-6.25 6.25-16.38 6.25-22.62 0s-6.25-16.38 0-22.62l116.7-116.7H16c-8.844 0-16-7.156-16-15.1c0-8.844 7.156-16 16-16h441.4l-116.7-116.7c-6.25-6.25-6.25-16.38 0-22.62S357.1 94.44 363.3 100.7z'/%3E%3C/svg%3E");
}

.recipe-list .tile .img:hover:after {
    opacity: 1;
}

.recipe-list .tile .img img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.recipe-list .tile .text p {
    font-family: 'Cairo',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #9b000e;
    margin: 0;
    padding: 10px 0 0;
}

.recipe-list .tile .text h3 {
    font-family: 'Cairo',Helvetica,Arial,Lucida,sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
	letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    padding: 10px 0 0;
}

.recipe-list .load-more-controls {
    text-align: center;
}