﻿.flexi-tiles-cb {
}

    .flexi-tiles-cb .flex-tile-block {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .flexi-tiles-cb .flex-tile-block a.block-link {
            text-decoration: none;
            color: inherit;
        }

.flex-tile-block .tile-block-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
}

.flex-tile-block .text-block {
    padding: 15px;
    box-sizing: border-box;
    word-break: break-word;
    word-break: break-all;
}

    .flex-tile-block .text-block .heighlight-title {
        font-size: 24px;
        word-break: break-word;
        line-height: 46px;
        display: block;
        margin: 0 10px 10px 10px;
    }

        .flex-tile-block .text-block .heighlight-title span {
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
            -o-box-decoration-break: clone;
            box-decoration-break: clone;
        }

        .flex-tile-block .text-block .heighlight-title hr {
            border: 0;
            height: 1px;
            background-color: inherit;
            margin: 10px -10px;
        }

            .flex-tile-block .text-block .heighlight-title hr:before,
            .flex-tile-block .text-block .heighlight-title hr:after {
                clear: both;
                content: '';
                display: table;
            }

    .flex-tile-block .text-block .heighlight-desc {
        margin-bottom: 10px;
    }

.flex-tile-block h1,
.flex-tile-block h2,
.flex-tile-block h3,
.flex-tile-block h4 {
    margin-bottom: 10px;
}

.flex-tile-block .heighlight-title hr {
    margin-left: -10px;
    margin-right: -10px;
}

.flex-tile-block .text-block a.flexi-link,
.flex-tile-block .text-block span.flexi-link {
    padding: 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    display: inline-block;
}

.flex-tile-block .text-block a:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
    text-decoration: none;
}

.flex-tile-block .t-l { /* top left */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.flex-tile-block .t-c { /* top center */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.flex-tile-block .t-r { /* top right */
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
}

.flex-tile-block .m-l { /* middle left */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.flex-tile-block .m-c { /* middle center */
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.flex-tile-block .m-r { /* middle right */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

.flex-tile-block .b-l { /* bottom left */
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.flex-tile-block .b-c { /* bottom center */
    display: flex;
    align-items: flex-end;
    text-align: center;
    justify-content: center;
}

.flex-tile-block .b-r { /* bottom right */
    display: flex;
    align-items: flex-end;
    text-align: right;
    justify-content: flex-end;
}
