.icon-button {
    border: 1px solid #DEDEDE !important;
    border-radius: 70px;
    height: 70px;
    width: 100%;
    display: inline-flex;
    padding: 10px 21px;
    justify-content: flex-start;
}
.icon-button:hover {
    background-color: #FFFFFF !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
}
.icon-button .icon {
    height: 45px;
    margin-right: 4px;
}
.icon-button span {
    color: #000000 !important;
}

.button.secondary {
    border-radius: 2px !important;
}

.button.primary {
    border-radius: 2px !important;
}

.button.recipe-category {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 2px !important;
    text-transform: none !important;
}
.button.recipe-category:hover {
    filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, 0.4)) !important;
}

.read-more-link {
    color: #000;
    text-decoration: none !important;
}

.read-more-link:hover {
    color: #BDBDBD;
}

.recipe-header-image .title, .category-image .title {
    transform         : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    -webkit-transform : translate(-50%, -50%);
    left              : 50%;
    top               : 50%;
    text-shadow       : 0 1px 4px #000000;
    line-height       : 40px;
}

.recipes-widget .row .recipe-container .title {
    height             : 48px!important;
    -webkit-line-clamp : 2!important;
    margin             : auto!important;
}

.recipe-container .title {
    max-width          : 15ch;
    overflow           : hidden;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    font-size          : 16px!important;
    line-height        : 22px;
}

.recipes-widget {
    padding    : 5px;
    margin-top : 1rem;
}

.reviews-actions span {
    font-size : 16px !important;
}

.rating-summary .rating-result > span:before {
    color : #FFE372;
}

.recipes-widget .row .recipe-container .bookmark {
    cursor           : pointer;
    width            : 37px;
    height           : 37px !important;
    right            : 2%;
    top              : 2%;
    padding          : 5px 0;
    background-color : #fff;
    border-radius    : 100%;
}

.recipes-widget .row .recipe-container .bookmark i {
    padding-top : 4px!important;
    font-size   : 22px;
}

.bookmark:hover i {
    color       : #FFE372 !important;
    font-weight : bold !important;
}

@media (max-width : 767px) {
    .recipe-header-image .title, .category-image .title {
        width       : calc(100% - 30px);
        font-size   : 36px;
        text-shadow : 0 2px 4px #000000;
    }

    .recipes-widget .row .recipe-container .title {
        height : 38px!important;
    }

    #maincontent {
        padding : 0;
    }

    .recipe-container .title {
        font-size   : 14px;
        line-height : 18px;
        max-width   : 11ch;
    }

    .recipes-widget {
        margin-top    : 1.5rem;
        padding-right : 15px;
        padding-left  : 15px;
    }

    .reviews-actions span {
        font-size : 14px !important;
    }

    .recipes-widget .row .recipe-container .bookmark {
        cursor           : pointer;
        right            : 2%;
        top              : 2%;
        padding          : 5px 0;
        background-color : #fff;
        border-radius    : 100%;
        z-index          : 1;
    }
}

.recipes-algolia-listview a.pagebuilder-button-secondary{
    background: white;
    color: black;
    padding: 11px 20px;
    margin: 0;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid black;
}

.recipes-algolia-listview a.pagebuilder-button-secondary:hover{
    background: black;
    color: white;
    border: 1px solid black;
}

.recipes-algolia-listview .no-border a.pagebuilder-button-secondary{
    border: none;
}

.recipes-algolia-listview .no-border a.pagebuilder-button-secondary:hover{
    border: none;
}

.recipes-algolia-listview a.pagebuilder-button-secondary span{
    font-family: 'BrandonText-Bold', Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.text-shadow{
    text-shadow: 0px 2px 5px #000000;
}

.overlay-left {
    left: 0;
    top: 0;
    width: 10%;
    background: -moz-linear-gradient(left, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
    background: -webkit-linear-gradient(left, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
    background: linear-gradient(to right, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    z-index: 1;
}

.overlay-right {
    right: 0;
    top: 0;
    width: 10%;
    background: -moz-linear-gradient(left, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    background: -webkit-linear-gradient(left, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    background: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    z-index: 1;
}