/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.social_wall_div a.blog_post_shortcode{
    width:100%;
    position:relative;
    float:left;
    min-height:450px;
    display:flex
}
.social_wall_div .blog_thumbnail{
    width:63%;
    float:left;
    height:360px
}
.social_wall_div .blog_thumbnail img{
    width:100%;
    height:100%
}
.social_wall_div .blog_title{
    width:37%;
    float:left;
    background-color:#ccebf9;
    padding:80px 22px;
    height:360px;
    position:relative
}
.social_wall_div .blog_category{
    position:absolute;
    top:0;
    left:0;
    background-color:#009de0;
    padding:0 20px;
    text-align:center
}
.social_wall_div .blog_category a{
    font-size:14px;
    font-family:"Muli";
    font-weight:900;
    color:#fff;
    line-height:2.857;
    text-transform:uppercase
}
.social_wall_div .blog_title h2{
    font-size:30px;
    font-family:"Lato";
    font-weight:600;
    color:#000;
    line-height:1.333
}
.social_wall_div .blog_date p{
    font-size:16px;
    font-family:"Muli";
    color:#000
}
.social_wall_div .blog_permalink{
    position:absolute;
    bottom:-7px;
    right:0
}
.social_wall_div .blog_author_img{
    position:absolute;
    left:-25px;
    bottom:-110px
}
.social_wall_div .blog_author_img img{
    display:inline-block;
    height:115px;
    width:115px;
    margin-bottom:40px
}
.social_wall_div .blog_author_text{
    display:inline-block;
    position:relative;
    bottom:50px;
    left:10px
}
.social_wall_div .blog_author_text p{
    font-size:16px;
    font-family:"Muli";
    color:#000;
    padding:0;
    line-height:1.3;
    font-weight:800
}
.social_wall_div .blog_post_shortcode.top .blog_thumbnail{
    width:100%;
    float:left;
    height:auto;
    margin-bottom:-10px;
    padding:0
}
.social_wall_div .blog_post_shortcode.top .blog_title{
    width:100%;
    float:left;
    background-color:#ccebf9;
    padding:65px 25px;
    height:auto
}
.social_wall_div .blog_post_shortcode.top .blog_title h2{
    font-size:16px
}
.social_wall_div .blog_post_shortcode.top{
    display:grid;
    margin-bottom:40px
}
.social_wall_div .blog_post_shortcode.center .blog_thumbnail{
    width:100%;
    float:left;
    height:auto;
    margin-bottom:-10px;
    padding:0
}
.social_wall_div .blog_post_shortcode.center .blog_title{
    width:100%;
    float:left;
    background-color:#ccebf9;
    padding:65px 25px;
    height:auto
}
.social_wall_div .blog_post_shortcode.center .blog_title h2{
    font-size:16px
}
.social_wall_div .blog_post_shortcode.center{
    display:grid;
    margin-bottom:40px;
    margin-top:100px
}
.social_wall_div .blog_post_shortcode.center .blog_date{
    display:none
}
.social_wall_div .blog_post_shortcode.top .blog_date{
    display:none
}
.social_wall_div .rss_feed_column.rss_feed_column_1_3.rss_feed{
    margin:1px;
    width:31%;
    background-color:#fff;
    margin:10px!important;
    box-shadow:2px 2px 5px 0 #d4d3d3;
    display:inline-block;
    float:none
}
.social_wall_div .rss_feed .blog_post_shortcode.top{
    padding:15px;
    text-align:center;
    position:relative
}
.social_wall_div .rss_feed .rss_author_img{
    margin-top:-30px;
    z-index:99
}
.social_wall_div .rss_feed .rss_author_img img{
    border:5px solid #fff;
    border-radius:50%;
    height:70px;
    width:70px
}
.social_wall_div .rss_feed .rss_title{
    font-size:18px
}
.social_wall_div .rss_feed .rss_title a{
    color:#000
}
.social_wall_div .rss_feed .rss_desc{
    font-size:16px;
    line-height:24px;
    padding:20px 20px 0;
    word-break:break-word
}
@media only screen and (max-width:1210px){
    .social_wall_div .blog_thumbnail,
    .social_wall_div .blog_title{
        height:300px
    }
    .social_wall_div .blog_title{
        padding:60px 22px
    }
    .social_wall_div .blog_title h2{
        font-size:24px
    }
}
@media only screen and (max-width:999px){
    .social_wall_div .blog_thumbnail,
    .blog_title{
        height:250px
    }
    .social_wall_div .blog_title{
        padding:50px 22px
    }
    .social_wall_div .blog_title h2{
        font-size:18px
    }
    .social_wall_div .blog_category a{
        font-size:12px
    }
    .social_wall_div .blog_date p{
        font-size:14px
    }
    .social_wall_div .blog_author_img{
        bottom:-120px
    }
    .social_wall_div .blog_post_shortcode.center{
        margin-bottom:130px
    }
}
@media only screen and (max-width:767px){
    .social_wall_div .blog_post_shortcode{
        display:block
    }
    .social_wall_div .blog_thumbnail{
        width:100%;
        float:left;
        height:auto;
        margin-bottom:-10px;
        padding:0
    }
    .social_wall_div .blog_title{
        width:100%;
        float:left;
        background-color:#ccebf9;
        padding:65px 25px 50px 25px;
        height:auto
    }
    .social_wall_div .rss_feed_column.rss_feed_column_1_3.rss_feed{
        margin:1px;
        width:47%;
        background-color:#fff;
        margin:10px!important;
        box-shadow:2px 2px 5px 0 #d4d3d3;
        display:inline-block;
        float:none
    }
}
@media only screen and (max-width:460px){
    .social_wall_div .rss_feed_column.rss_feed_column_1_3.rss_feed{
        margin:1px;
        width:100%;
        background-color:#fff;
        margin:10px!important;
        box-shadow:2px 2px 5px 0 #d4d3d3;
        display:inline-block;
        float:none
    }
}
.social_wall_div .blog_thumbnail video{
    width:100%
}