/* Social */

.social_row
{
/*    margin-bottom:20px; */
    background-color: #fff;
    padding:10px 0; 
    display:flex;
    flex-direction: row;
    align-items: flex-start;
}

.col_order_odd .social_col:first-child,
.col_order_even .social_col:last-child
{
    padding-left:10px;
}

.col_order_odd .social_col:last-child,
.col_order_even .social_col:first-child
{
    padding-right:10px;
}


.social_col
{
    flex: 1 0 0;
    align-self:flex-start;
    padding:10px 0;
}



.social_follow
{
    text-align:center;
    font-size:32px;
    background-color: #0e76a8;
    color: #fff;
    padding:50px;
/*    margin-bottom:20px; */
    font-family: "Source Sans Pro Bold";
    cursor: pointer;
    white-space: nowrap;
/*    margin-left:20px;
    margin-right:20px; */
}

.social_follow a
{
    text-decoration: none;
    color: #fff;
    position: relative;
    padding-right:80px;
}

.social_follow a .twitter-button::after,
.social_follow a .facebook-button::after,
.social_follow a .linkedin-button::after
{
    right:0;
    font-size:48px;
}

.social_img img
{
    max-width:100% !important;
    height:auto !important;
}

.social_post
{
}

.social_date
{
    margin-bottom:15px;
    padding-top: 90px;
    font-size:smaller;
}

.social_text
{
    position:relative;
    flex: 1 0 0;
}

/* .social_twitter_logo
{
    width: 80%;
    background-color: red;
} */

.social_odd
{
    order:1;
}

.socal_even
{
    order:2;
}

.social_twitter_logo::after
{
    font-family: "FontAwesome","sans-serif";
    content: "\";
    font-size:48px;
    position:absolute;
    right: 50px;
    top: 10px;
}

.social_linkedin_logo::after
{
    font-family: "FontAwesome","sans-serif";
    content: "\";
    font-size:48px;
    position:absolute;
    right: 50px;
    top: 10px;
}

.social_facebook_logo::after
{
    font-family: "FontAwesome","sans-serif";
    content: "\";
    font-size:48px;
    position:absolute;
    right: 50px;
    top: 10px;
}

.social-filter-button
{
/*    min-width:160px;
    width: 160px; */
    text-align:left;
    padding-left: 10px !important;
    padding-right: 50px !important;
    position:relative;
    border: 1px solid #58585a;
}

.linkedin-button::after,
.facebook-button::after,
.twitter-button::after
{
    font-family: "FontAwesome","sans-serif";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size:20px;
}

.linkedin-button::after
{
    content: "\";
}

.facebook-button::after
{
    content: "\";
}

.twitter-button::after
{
    content: "\";
}

.view-social-posts-mx .view-content
{
    background-color: #fff;
}

.social2_row
{
/*    margin-bottom:20px; */
    background-color: #fff;
    padding:10px;
    display:flex;
    flex-direction: row;
    align-items: flex-start;
}

.social2_row .social_text
{
    flex: 1 0 0;
    align-self:flex-start;
    padding:10px;
    flex-grow: 2;
}

.social2_row .social_img
{
    flex: 1 0 0;
    align-self:flex-start;
    padding:10px;
    flex-grow: 1;
}


.social2_row .twitter-button::after,
.social2_row .linkedin-button::after,
.social2_row .facebook-button::after
{
    font-size:18px;
}


#block-views-block-social-posts-mx-block-2 .view-content .views-row,
.social2_row .social_date
{
    padding-top:0;
}

#block-views-block-social-posts-mx-block-2 .view-content .views-row:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 75%;
    border-bottom: 1px solid #ddd;
}



.social2_title
{
    position: relative;
}

#block-views-block-social-posts-mx-block-2 .view-content
{
/*    max-height: 500px; */
    overflow-y: scroll;
}

#block-views-block-social-posts-mx-block-2 .views-exposed-form--filters .form--inline
{
    justify-content:left;
    margin-left:10px;
}

#block-views-block-social-posts-mx-block-2 .social-filter-button
{
    line-height:15px;
    border: 1px solid #58585a;
}

#block-views-block-social-posts-mx-block-2 .social-filter-button
{
    min-width:140px;
}

#block-views-block-social-posts-mx-block-2 .social-filter-button span:after
{
    font-size:15px;
}

#block-views-block-social-posts-mx-block-2 .filter-button--active
{
    border: none;
}

#block-views-block-social-posts-mx-block-2 div.view-social-posts-mx div.view-content
{
    max-height:100px;
}

.filter_button_container
{
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    text-align:left;
}

.filter_buttons_left
{
    flex: 1 0 0;
    align-self:flex-start;
}

.filter_link_right
{
    flex: 1 0 0;
    align-self:flex-start;
    white-space: nowrap;
    text-align:right;
    position: relative;    
    font-family: "Source Sans Pro Bold";
    margin-right:35px;
}

.filter_link_right a
{
    padding-right:15px;
    text-decoration:none;
}

.filter_link_right a::after
{
    font-family: "FontAwesome", "sans-serif";
    content: "\";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.filter_link_right a:hover::after
{
    font-size: 160%;
    font-weight: normal !important;
}

.news-image-slider img
{
    height:auto;
    width:100%;
}

.news-image-slider-container
{
    background-color: #eee;
/*    max-height:555px; */
    overflow-y:hidden;
}

.news-image-slider-date
{
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
}

.news-image-slider-text
{
    margin-top:10px;
    padding-left:20px;
    padding-right:20px;
    color: #58585a;
    font-size:20px;
    line-height:28px;
    font-weight:600;
    /*height: 84px;*/
    overflow-y: hidden;
}

.news-image-slider-subtitle
{
    padding-left:20px;
    padding-right:20px;
    color: #58585a;
    font-size:18px;
    line-height:28px;
    /*font-weight:600;*/
    height: 84px;
    overflow-y: hidden;
}



.news-image-more-button
{
    float:right;
    margin:20px;
}

.news-image-slider-container .swiper-button-prev,
.news-image-slider-container .swiper-button-next
{
    filter: brightness(0) grayscale(1) invert(1) drop-shadow(0 1px 0 #58585a);
    -webkit-filter: brightness(0) grayscale(1) invert(1) drop-shadow(0 1px 0 #58585a);
    top:34%;
}







.news-image-slider2-img
{
    flex: 1 0 0;
    width:100%;
}

.news-image-slider2-img img
{
    height:auto;
    width:100%;
}

.news-image-slider2-description
{
    flex: 1 0 0;
    align-self: flex-end;
    width: 100%;
}

.news-image-slider2-row
{
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}

.news-image-slider2-container
{
}

.news-image-slider2-date
{
    margin-top:20px;
}

.news-image-slider2-text,
.news-image-slider2-date,
.news-image-slider2-subtitle
{
    margin-left:20px;
    margin-right:50px;
}

.news-image-slider2-text
{
    margin-top:10px;
    color: #58585a;
    font-size:24px;
    line-height:30px;
    font-weight:600;
/*    height: 120px; */
    overflow-y: hidden;
}

.news-image-slider2-subtitle
{
    color: #58585a;
    font-size:20px;
    line-height:30px;
    font-weight:600;
    height: 120px;
    overflow-y: hidden;
}



.news-image2-more-button
{
    float:right;
    margin:20px 50px 20px 0;
}

.news-image-slider2-container .swiper-button-prev,
.news-image-slider2-container .swiper-button-next
{
    filter: brightness(0) grayscale(1) invert(1) drop-shadow(0 1px 0 #58585a);
    -webkit-filter: brightness(0) grayscale(1) invert(1) drop-shadow(0 1px 0 #58585a);
    top:50%;
}


.start-page-news-block-container
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}

.start-page-news-block-part:first-child
{
    padding-right:20px;
}

.start-page-news-block-part:last-child
{
    padding-left:20px;
}

.start-page-news-block-part
{
    flex: 50% 0 0;
    min-width:0;
}

@media screen and (max-width:1300px)
{
    .start-page-news-block-container
    {
        flex-wrap: wrap;
    }
    
    .start-page-news-block-part
    {
        flex-basis: 100% !important;
    }

    .start-page-news-block-part:first-child
    {
        padding-right:0 !important;
    }

    .start-page-news-block-part:last-child
    {
        padding-left:0 !important;
    }
    
    #block-views-block-social-posts-mx-block-2 .social2_row,
    #block-views-block-social-posts-mx-block-2 .social2_row .social_text {
        padding-left: 0; 
    }
    
    #block-views-block-social-posts-mx-block-2 .views-exposed-form--filters .form--inline {
        margin-left: 0 !important;
    }

    #block-views-block-social-posts-mx-block-2 .filter_button_container
    {
        margin-top:20px;
    }

    .news-image-slider2-text {
        font-size:20px;
        line-height:25px;
        height: 100px;
    }
}

@media only screen and (max-width:1000px) 
{
    .news-image-slider2-row
    {
        flex-direction:column;
    }
    
    .news-image-slider2-container .swiper-button-prev, .news-image-slider2-container .swiper-button-next
    {
        top:34%;
    }

    .news-image-slider-text,
    .news-image-slider2-text {
        font-size: 20px;
    }

    .news-image-slider2-text,
    .news-image-slider2-date,
    .news-image2-more-button
    {
        margin-left:0;
        margin-right:0;
    }

}

@media only screen and (max-width:700px) 
{
    .social_row {
        flex-direction: column;
    }

    .social_col {
        width:100%;
    }

    .social2_row .social_img {
        display:none;
    }
    
/*    #block-views-block-social-posts-mx-block-2 .filter_buttons_left  */
    .filter_buttons_left 
    {
        text-align:left;
    }

/*    #block-views-block-social-posts-mx-block-2 .filter-button span span */
    .filter-button span span
    {
        display:none;
    }
    
    
/*    #block-views-block-social-posts-mx-block-2 .social-filter-button */
    .social-filter-button
    {
        border:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-right:60px !important;
        min-width:auto !important;
    }

/*    #block-views-block-social-posts-mx-block-2 .filter-button--active*/
    .filter-button--active
    {
        background:none !important;
        color:#004494 !important;
    }

/*    #block-views-block-social-posts-mx-block-2 .filter-button:hover */
    .filter-button:hover
    {
        background:none !important;
        color:#004494 !important;
    }

/*    #block-views-block-social-posts-mx-block-2 .social-filter-button span::after */
    .social-filter-button span::after
    {
        font-size:25px !important;
        right:0 !important;
        position:static !important;
    }
    
    .filter_link_right a {
        font-size: 14px;
    }

/*    #block-views-block-social-posts-mx-block-2 .filter_button_container */
    .filter_button_container
    {
        margin-top:20px !important;
    }
    
/*    .filter_link_right
    {
        margin-top:10px;
    } */

    .views-exposed-form--filters .form--inline
    {
        justify-content:left;
    }

    .social_col,
    .social_row
    {
        padding-left:0;
        padding-right:0;
    }

    #block-views-block-social-posts-mx-block-2 .social_text,
    #block-views-block-social-posts-mx-block-2 .social2_row
    {
        padding-left:0;
    }
    
    #block-views-block-social-posts-mx-block-2 .clearfix
    {
        margin-left:0;
    }

    .news-image-slider-text,
    .news-image-slider2-text {
        font-size: 14px;
        line-height: 22px;
        height: 88px;
    }

    .news-image-slider-date {
        font-size: 14px;
    }
    
    .news-image-slider-date,
    .news-image-slider-text {
        padding-left:10px;
        padding-right:10px;
    }
    
    #block-views-block-latest-news-slider-block-2 .news-image-more-button {
        margin-right:10px;
    }

    .social_follow {
        padding: 30px 10px;
        margin-left:0;
        margin-right:0;
        font-size: 18px;
    }
    
    .social_twitter_logo::after {
        font-size: 25px;
        right:30px;
        top: 10px;
    }

    .social_date {
            padding-top: 40px;
    }

    .social_even
    {
        order:1;
    }

    .col_order_odd .social_col:first-child,
    .col_order_even .social_col:last-child,
    .col_order_odd .social_col:last-child,
    .col_order_even .social_col:first-child
    {
        padding-right:0;
        padding-left:0;
    }

    .social_follow a .twitter-button::after,
    .social_follow a .facebook-button::after,
    .social_follow a .linkedin-button::after
    {
        font-size:32px;
    }

}

@media screen and (max-width:420px) {
    .news-image-slider-text,
    .news-image-slider2-text {
/*        padding-left:10px;
        padding-right:10px; */
        font-size: 14px;
        line-height: 20px;
        height: 80px;
    }
/*    .news-image-slider-date
    {
        padding-left:10px;
        padding-right:10px;
    } */
    .news-image-more-button
    {
        margin:10px 0;
    }
}