/*

 * @wordpress-plugin
 * Plugin Name:       inwendo Blog mit Kategorien und Suche
 * Plugin URI:        https://inwendo.de
 * Author:            Dennis Bartels
 * Author URI:        https://inwendo.de
 * Author:            Enno Steppat
 * Author URI:        https://inwendo.de
 */

/* ****************************************************** */

.iw_blog_with_categories_shortcode form {
    max-width: 790px;
    margin: 15px auto;
}

.iw_blog_with_categories_shortcode .oga_blog_area article {
    float: left;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 484px;
}

.iw_blog_with_categories_shortcode .oga_blog_area .post_content_area {
    background-color: #F0F0F0;
    padding: 20px;
}

.iw_blog_with_categories_shortcode .oga_blog_area h2 {
    font-size: 17px;
    line-height: 23px;
    margin: 0 0 10px 0;
}

.iw_blog_with_categories_shortcode .post_thumbnail_area {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.iw_blog_with_categories_shortcode .post_thumbnail_area img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: initial;
    bottom: initial;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.iw_blog_with_categories_shortcode .post_content_area_headline p {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 46px;
    /* Fallback for non-webkit */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iw_blog_with_categories_shortcode p.excerpt {
    display: -webkit-box;
    height: 95px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 20px 0;
}

.iw_blog_with_categories_shortcode .post_content_area .date {
    font-weight: 500;
    color: #CCCCCC;
    line-height: 19px;
}

.iw_blog_with_categories_shortcode .post_content_area .author {
    float: right;
}

.iw_blog_with_categories_shortcode .post_content_area .author a, .oga_blog_post_meta_area .author a {
    font-weight: 500;
    color: #51AD42;
    line-height: 19px;
    text-decoration: none;
}

.iw_blog_with_categories_shortcode .search_filter {
    padding: 0 0 50px 0;
}

.iw_blog_with_categories_shortcode .category_wrapper {
    padding: 50px 0 11px 0;
}

.iw_blog_with_categories_shortcode .result_wrapper {
    min-height: 600px;
    padding: 50px 0 100px 0;
}

.iw_blog_with_categories_shortcode  .search_filter input[type="text"] {
    border: none;
    border-bottom: 1px solid;
    border-color: #333333;
    width: calc(100% - 34px);
    font-size: 16px;
    line-height: 21px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.iw_blog_with_categories_shortcode  form {
    max-width: 790px;
}

.iw_blog_with_categories_shortcode  .search_filter button {
    border: none;
    cursor: pointer;
    padding: 0px 0px 0px 5px;
    background-color: inherit;
}

.iw_blog_with_categories_shortcode .category_headline {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    float: left;
    padding-left: 20px;
}

.iw_blog_with_categories_shortcode .all_links {
    padding: 0 20px 0 20px;
    display: inline-block;
}

.iw_blog_with_categories_shortcode .all_links a.category_link {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.iw_blog_with_categories_shortcode .category_wrapper_inner .category_link_wrapper {
    float: left;
    padding: 15px 15px 15px 15px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
}

.iw_blog_with_categories_shortcode .category_link_wrapper a {
    color: #CCCCCC;
    text-decoration: none;
}

.iw_blog_with_categories_shortcode .category_link_wrapper.active a {
    color: #51AD42;
}

.iw_blog_with_categories_shortcode .category_link_wrapper:hover a {
    color: #51AD42;
}

.iw_blog_with_categories_shortcode .category_wrapper_inner {
    padding: 31px 0 0 0;
    display: none;
}

.iw_blog_with_categories_shortcode button.open_rect {
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-color: inherit;
    padding: 0;
}

.iw_blog_with_categories_shortcode .open_rect svg {
    width: 20px;
}

.iw_blog_with_categories_shortcode button.open_rect:focus {
    outline: none;
}

.iw_blog_with_categories_shortcode .schl_result_pagination {
    display: flex;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    width: 790px;
    margin: 0 auto;
    padding: 85px 15px 0 15px;
}

.iw_blog_with_categories_shortcode .schl_result_pagination .page {
    float: left;
    margin: 0 auto;
}

.iw_blog_with_categories_shortcode .prev_area {
    cursor: pointer;
    width: 140px;
}

.iw_blog_with_categories_shortcode .prev_text {
    width: 110px;
    float: left;
}

.iw_blog_with_categories_shortcode .schl_result_pagination .prev_arrow {
    width: 20px;
    float: left;
    margin-right: 10px;
}

.iw_blog_with_categories_shortcode .next_area {
    cursor: pointer;
    width: 130px;
}

.iw_blog_with_categories_shortcode .next_text {
    width: 100px;
    float: left;
}

.iw_blog_with_categories_shortcode .schl_result_pagination .next_arrow {
    width: 20px;
    float: right;
    margin-left: 10px;
}

.iw_blog_with_categories_shortcode.without_pagination .schl_result_pagination {
    display: none;

}

@media screen and (max-width: 1150px) {
    .iw_blog_with_categories_shortcode .oga_blog_area article {
        height: 510px;
    }
    .iw_blog_with_categories_shortcode .oga_blog_area .post_content_area {
        height: 260px;
    }
    .iw_blog_with_categories_shortcode .post_content_area .author {
        float: left;
    }
    .iw_blog_with_categories_shortcode .post_content_area .date {
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 850px) {
    .iw_blog_with_categories_shortcode .schl_result_pagination {
        width: 100%;
        padding: 85px 50px 100px 50px;
    }
    .iw_blog_with_categories_shortcode .search_filter {
        width: 66.6666666%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .iw_blog_with_categories_shortcode .only-mobile {
        display: inherit !important;
    }
    .iw_blog_with_categories_shortcode .only-desktop {
        display: none !important;
    }
}

@media screen and (max-width:480px) {
    .iw_blog_with_categories_shortcode .schl_result_pagination .next {
        display: none;
    }
    .iw_blog_with_categories_shortcode .schl_result_pagination .prev {
        display: none;
    }
    .iw_blog_with_categories_shortcode .prev_area {
        width: 24px;
    }
    .iw_blog_with_categories_shortcode .next_area {
        width: 24px;
    }
}