/*Change this to et ajax container to test ajax*/

.dsp_post_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dsp-post {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media all and (min-width: 1280px) {
    .dsp-post-columns-1 {
        width: 100%;
        margin: 0 0 60px 0;
    }
    .dsp-post-columns-2 {
        width: 47.5%;
        margin: 0 5% 60px 0;
    }
    .dsp-post-columns-3 {
        width: 31%;
        margin: 0 3.5% 60px 0;
    }
    .dsp-post-columns-4 {
        width: 23.2%;
        margin: 0 2.4% 40px 0;
    }
    .dsp-post-columns-5 {
        width: 18.4%;
        margin: 0 2% 35px 0;
    }
    .dsp-post-columns-6 {
        width: 15%;
        margin: 0 2% 30px 0;
    }
}

.dsp-post:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.dsp-post img {
    width: 100%;
    height: auto;
}

.dsp-post .inner {
    padding: 0 15px 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dsp-post h2 {
    font-size: 25px;
    line-height: 1.4em;
}

.dp_field_dsp_post_meta {
    margin-bottom: 5px;
}

.dp_field_dsp_post_meta p {
    display: inline-block;
    font-size: 12px;
    padding-bottom: 0;
    margin-right: 10px;
}

.dp_field_dsp_post_meta p:last-of-type {
    margin-right: 0;
}

.dsp-author:before {
    content: '\e08a';
    font-family: 'ETModules';
}

.dsp-published:before {
    content: '\e023';
    font-family: 'ETModules';
}

.dsp-categories:before {
    content: '\e07b';
    font-family: 'ETModules';
}

.dsp-comments:before {
    content: '\e066';
    font-family: 'ETModules';
}

.dsp-excerpt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}

.dsp-post .dsp-avatar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dsp-post .dsp-avatar img {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 50%;
    margin-top: -33px;
}

.dsp-read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
}


/*Align left*/

.dsp-align-1 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


/*Align right*/

.dsp-align-2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/*Align center*/

.dsp-align-3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media all and ( min-width: 1281px) {
    .dsp-post-columns-2:nth-of-type(2n),
    .dsp-post-columns-3:nth-of-type(3n),
    .dsp-post-columns-4:nth-of-type(4n),
    .dsp-post-columns-5:nth-of-type(5n),
    .dsp-post-columns-6:nth-of-type(6n) {
        margin-right: 0;
    }
    .dsp-post-columns-2:nth-of-type(2n+1),
    .dsp-post-columns-6:nth-of-type(6n+1),
    .dsp-post-columns-5:nth-of-type(5n+1),
    .dsp-post-columns-4:nth-of-type(4n+1),
    .dsp-post-columns-3:nth-of-type(3n+1) {
        clear: left;
    }
}

@media all and ( min-width: 1025px) and ( max-width: 1280px) {
    .dsp-post-columns-2 {
        width: 47%;
        margin: 0 5% 60px 0;
    }
    .dsp-post-columns-3 {
        width: 31%;
        margin: 0 3.5% 40px 0;
    }
    .dsp-post-columns-4,
    .dsp-post-columns-5,
    .dsp-post-columns-6 {
        width: 23.2%;
        margin: 0 2.4% 40px 0;
    }
    .dsp-post-columns-2:nth-of-type(2n) {
        margin-right: 0;
    }
    .dsp-post-columns-3:nth-of-type(3n) {
        margin-right: 0;
    }
    .dsp-post-columns-2:nth-of-type(2n+1) {
        clear: left;
    }
    .dsp-post-columns-3:nth-of-type(3n+1) {
        clear: left;
    }
    .dsp-post-columns-4:nth-of-type(4n),
    .dsp-post-columns-5:nth-of-type(4n),
    .dsp-post-columns-6:nth-of-type(4n) {
        margin-right: 0;
    }
    .dsp-post-columns-5:nth-of-type(4n+1),
    .dsp-post-columns-6:nth-of-type(4n+1) {
        clear: left;
    }
}

@media all and ( min-width: 981px) and ( max-width: 1024px) {
    .dsp-post-columns-2 {
        width: 47.5%;
        margin: 0 5% 40px 0;
    }
    .dsp-post-columns-3,
    .dsp-post-columns-4,
    .dsp-post-columns-5,
    .dsp-post-columns-6 {
        width: 31%;
        margin: 0 3.5% 40px 0;
    }
    .dsp-post-columns-2:nth-of-type(2n) {
        margin-right: 0;
    }
    .dsp-post-columns-3:nth-of-type(3n),
    .dsp-post-columns-4:nth-of-type(3n),
    .dsp-post-columns-5:nth-of-type(3n),
    .dsp-post-columns-6:nth-of-type(3n) {
        margin-right: 0;
    }
    .dsp-post-columns-2:nth-of-type(2n+1) {
        clear: left;
    }
    .dsp-post-columns-3:nth-of-type(3n+1),
    .dsp-post-columns-4:nth-of-type(3n+1),
    .dsp-post-columns-5:nth-of-type(3n+1),
    .dsp-post-columns-6:nth-of-type(3n+1) {
        clear: left;
    }
}

@media all and ( min-width: 480px) and ( max-width: 980px) {
    .dsp-post {
        width: 47.5%;
        margin: 0 5% 40px 0;
    }
    .dsp-post-columns-2:nth-of-type(2n),
    .dsp-post-columns-3:nth-of-type(2n),
    .dsp-post-columns-4:nth-of-type(2n),
    .dsp-post-columns-5:nth-of-type(2n),
    .dsp-post-columns-6:nth-of-type(2n) {
        margin-right: 0;
    }
    .dsp-post-columns-2:nth-of-type(2n+1),
    .dsp-post-columns-3:nth-of-type(2n+1),
    .dsp-post-columns-4:nth-of-type(2n+1),
    .dsp-post-columns-5:nth-of-type(2n+1),
    .dsp-post-columns-6:nth-of-type(2n+1) {
        clear: left;
    }
}

@media all and ( max-width: 479px) {
    .dsp-post {
        width: 100%;
        margin: 0 0 40px 0;
    }
}