
@-webkit-keyframes entrance {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0; }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }

@keyframes entrance {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0; }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1; } }

@-webkit-keyframes exit {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible; }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden;
        opacity: 0; } }

@keyframes exit {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible; }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden;
        opacity: 0; } }

.rssFeed {
    justify-content: center;
}
.rssFeed .rss-post h3 {
    color: #1f917b;
    line-height: 20px;
    margin-bottom: 15px;
}
.rssFeed .rss-post .date{
    font-size: 14px;
    color: #000;
    margin:0 0 10px 0;
}
.rssFeed .rss-post {
    opacity: 0;
    cursor: pointer;
    padding: 0px 0px;
    margin: 0 0px 20px 0px;
    min-width: 320px;
}

.rssFeed .rss-post .post_content {
    margin:0 10px;
    display: block;
    box-shadow: 0 0 3px #8a8a8a;
    height: 100%;
}
.rssFeed .rss-post .post_content:hover {
    background: #EEE;
}
.rssFeed .rss-post .text_content {
    padding:20px;
}
.rssFeed .rss-post p {
    font-size: 16px;
    line-height: 22px;
}
.rssFeed .rss-post p.logo {
    font-size: 15px;
    line-height: 26px;
}

.rssFeed .rss-post.animated--entrance {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: entrance;
    animation-name: entrance; }

.rssFeed .rss-post.animated--exit {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: exit;
    animation-name: exit; }

.rssFeed .rss-post .imgWrapper {
    max-height: 190px;
    overflow: hidden;
    /*margin:0 20px 0px 0;*/
    width:100%;
}
.rssFeed .rss-post img {
    width:100%;
}

.rssFeed .logo {
    padding: 15px 0 0 0;
    font-size: 15px;
}
.rssFeed .logo:before {
    content: '';
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    opacity: 0.8;
    background: url(/themes/theme_mon_site/img/wp-logo.svg) no-repeat center center;
    background-size: contain;
    margin: 0 10px 0 0;
}
.rssFeed .loading {
    text-align: center;
    font-size: 14px;
    color: #55902d;
}

.rssFeed .loading:before {
    content: '';
    height:60px;
    width:60px;
    display: block;
    margin:auto;
    background: url("/lae/services1.0/plugins/laetis/diffusio-258/ext-anj_site_SQL3c/assets/fonds/animated-loader-v03.svg") center center no-repeat;
    background-size: contain;
}