﻿/* Table of Contents - ToC
  - main class of the widget
  - row of the post
    - image of the post
    - text of the post
    - clearfix
*/
.wfpw .wfpw-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

    .wfpw .wfpw-row .wfpw-img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-right: 1rem;
        position: relative;
        overflow: hidden;
    }

        .wfpw .wfpw-row .wfpw-img.full {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-right: 0rem;
            margin-bottom: 1rem;
        }

            .wfpw .wfpw-row .wfpw-img.full .wfpw-img-file {
                padding-top: 56.5% !important;
            }

        .wfpw .wfpw-row .wfpw-img.no {
            display: none;
        }

        .wfpw .wfpw-row .wfpw-img .wfpw-img-file {
            padding-top: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
        }

        .wfpw .wfpw-row .wfpw-img .wfpw-num {
            display: block;
            min-width: 1rem;
            padding: 2.5px 6px;
            font-size: 75%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: #000 !important;
            color: #fff !important;
        }

    .wfpw .wfpw-row .wfpw-text {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

        .wfpw .wfpw-row .wfpw-text * {
            margin: 0;
            padding: 0;
        }

        .wfpw .wfpw-row .wfpw-text .wfpw-date {
            display: block;
            font-size: 75%;
            margin-top: .25rem;
        }

        .wfpw .wfpw-row .wfpw-text .wfpw-title {
            font-size: initial;
        }

    .wfpw .wfpw-row::after {
        content: "";
        clear: both;
        display: table;
    }

/*# sourceMappingURL=style.css.map */
