/**
 * Filter Posts
 */

#filterposts {
    .category-mt-photography{
            background-color: #fff;

            h2.entry-title {
                color: #000;
            }

        .post-content {
                    p {
                        color: #000!important;
                    }

                    a {
                        color: #fff;
                        background: rgba(242, 106, 43, 0.7);
                    }
        }
    }

    .category-mt-photography:before {
            content: "MT Photography";
            background: #000;
            color: #fff;
    }

    .category-simple-couple {
            background-color: #fff;

            h2.entry-title {
                color: #000000;
            }

        .post-content {
                    p {
                        color: #000000 !important;
                    }

                    a {
                        color: #222;
                        background: rgba(255, 255, 255, 0.7);
                    }
        }
    }

    .category-simple-couple:before {
            content: "SimpleCouple";
            background: #000000;
            color: #fff;
    }
}

#filterposts .category-mt-photography:after {
    box-shadow: inset 0px -58px 39px -34px #ffffff;
}

#filterposts .category-simple-couple:after {
    box-shadow: inset 0px -58px 39px -34px #000000;
}

#filterposts {
    position: relative;
}

#filterposts .et_pb_post:before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 5px 0;
    padding: 7px 21px;
    font-size: 12px;
    font-weight: 600;
}

#filterposts .et_pb_post:after {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    border-radius: 4px;
}

#filterposts .et_pb_post {
    border: 1px solid #eee;
    display: none;
    border-radius: 4px;
    padding: 20px;
    margin: 2%;
    float: left;
    width: 46%;
    height: 250px;
    position: relative;
    overflow: hidden;

        .post-content {
            a {
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 100;
                width: 100%;
                height: 100%;
                text-align: center;
                padding: 119px 0;
                top: 0;
                text-transform: capitalize;
                font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
                font-weight: bold;
                font-size: 20px;
                opacity: 0;
                transition: all .2s;
            }
        }

        &:hover {
        .post-content {
            a {
                opacity: 1;
            }
        }
        }
}

#filter-buttons {
    display: block;
    text-align: center;
    width: 96%;
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 4px;
    margin: 0 2%;

    button {
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 25px 17px;
    margin: 0 8px;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #666;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    transition: all .2s;

        &:hover {
                border-bottom: 1px solid #81ab40;
        }
    }

    .filter-btn.active {
            border-bottom: 2px solid #f26827 !important;
    }
}

@media screen and (max-width: 980px) {
    #filterposts .et_pb_post {
            width: 100%;
            height: auto;
            float: none;

            h2.entry-title {
                font-style: 18px !important;
            }

            .post-content {
                a {
                    position: relative;
                    width: auto;
                    background: transparent;
                    opacity: 1;
                    padding: 0;
                    display: inline-block;
                    font-size: 13px;
                }
            }
    }
#filterposts .et_pb_post {
display: none;
}

    #filterposts .et_pb_post:after {
        display: none;
    }
}