/*Delete*/
body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
}

#block_news {
    max-width: 1170px;
    background: #ffffff;
    border-radius: 15px;
    margin: 1em auto 5em auto;
    box-shadow: 0 0 22px -5px rgb(171 171 171 / 30%);
    padding: 30px;
}

/*End Delete*/

#block_news h1 {
    font-weight: 600;
    font-size: 30px;
    color: #1B243F;
    margin-bottom: 18px;
}

/*Search Block*/

#block_news .block_search_input {
    display: flex;
    justify-content: flex-end;
}

#block_news .block_search_input .search_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 50px;
    width: 250px;
    border: 1px solid #F2F2F2;
}

#block_news .block_search_input .search_input input {
    height: 90%;
    border: none;
}

#block_news .block_search_input .search_input input:focus-visible {
    outline: none;
}

#block_news .block_search_input .search_input .search_img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: url('img/search.svg');;
}

/*End Search Block*/

/*Block News*/

#block_news .block_news {
    display: flex;
    gap: 25px;
    margin-bottom: 80px;
}

#block_news .block_news .block_right,
#block_news .block_news .block_left {
    width: 50%;
}

#block_news .block_news .block_left .block_post_info > .author_text > h2 > a {
    color: #1b243f;
    font-weight: 600;
}

#block_news .block_news hr {
    border-color: #E0E0E0;
    margin-right: 20px;
}

/* OPTYMALIZACJA - Ostatni wpis - proporcjonalne przycięcie zamiast sztywnej wysokości */
#block_news .block_news .block_left .wrapper_img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    max-height: 300px;
    margin-bottom: 20px;
    object-fit: cover;
}

#block_news .news_cats {
    padding: 10px 0px;
    display: flex;
    /* max-width: 290px; */
    flex-wrap: wrap;
}

#block_news .news_cats a {
    /* font-family: 'Manrope', sans-serif; */
    height: 30px;
    padding: 6px 14px;
    background-color: #F5F5F5;
    border-radius: 30px;
    color: #1B243F;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    margin: 0 10px 10px 0;
}

#block_news .block_news .author,
#block_news .block_tutorials .author {
    display: flex;
    /* font-family: 'Manrope', sans-serif; */
    align-items: center;
    gap: 15px;
}

#block_news .author img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

#block_news .author .name_author {
    color: #00B8F7;
}

#block_news .author span {
    font-weight: 500;
    font-size: 15px;
    color: #5F6476;
}

#block_news .wrapper_title .hr,
#block_news .wrapper_title .hr {
    width: 100%;
    height: 1px;
    margin: 20px 0 30px 0;
    background: #E0E0E0;
}

.author_text p {
    font-family: 'Poppins', sans-serif;
    line-height: 19px;
    color: #9BA1C0;
    font-weight: 400;
    font-size: 12px;
}

.author_text p a {
    color: #00B8F7;
}

#block_news  .date {
    display: flex;
    gap: 10px;
}

#block_news  .date img {
    height: 18px !important;
}

#block_news  .date span {
    font-weight: 500;
    font-size: 13px;
    /* font-family: 'Manrope', sans-serif; */
    color: #5F6476;
}

#block_news .block_news .block_right .buttons_block {
    display: flex;
    margin-bottom: 30px;
}

#block_news .block_news .block_right .buttons_block button {
    height: 40px;
    width: 215px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

#block_news .block_news .block_right .buttons_block button.active_tab {
    color: white;
    background: #00B8F7;
}

#block_news .block_news .block_right div.post_right_news.hide_tab {
    display: none;
}

#block_news .block_news .block_right .post_right_news {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    flex-wrap: wrap;
    flex-direction: row;
}

#block_news .block_news .block_right .post_right_news .right_news {
    width: 47%;
}

#block_news .block_news .block_right .post_right_news .img_news img {
    height: 185px;
    /* width: 100%; */
    margin-bottom: 15px;
    object-fit: cover;
}

#block_news .block_news .block_right .post_right_news .title_author_text {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 10px 0;
}

#block_news .block_engineering .all_course .title_course_child a {
    font-weight: 400;
}


#block_news .block_news .block_right .post_right_news .title_author_text a,
#block_news .block_podcasts .podcast .podcast_info h3 a,
#block_news .wrapper_videos .more_videos .more_video p a,
#block_news .block_engineering .all_course .title_course_child a {
    color: #1B243F;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
}

#block_news .all_news_link {
    margin-top: 35px;
    width: fit-content;
}

#block_news .all_news_link a {
    display: flex;
    /* gap: 10px; */
    color: #00B8F7;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
    align-items: center;
}

#block_news a:hover {
    text-decoration: none;
}

/*End Block News*/

/*Block Course (Inżynieria)*/

#block_news .block_engineering,
#block_news .block_tutorials {
    margin: 0 -30px;
    background: #F2F2F2;
    padding: 80px 30px;
}

#block_news .block_engineering .all_course h2 {
    font-size: 24px;
    color: #1B243F;
    font-weight: 600;
}

/* OPTYMALIZACJA - Inżynieria kafelki - docięcie zamiast zgniatania */
#block_news .block_engineering .all_course .img_course img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
}

#block_news .block_engineering .all_course .title_course a {
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    color: #1B243F;
    max-width: 400px;
}

#block_news .block_engineering .all_course .title_course_child {
    height: unset;
    font-weight: 600;
    color: #1B243F;
    max-width: 400px;
}

#block_news .block_engineering .by p {
    font-weight: 500;
    font-size: 18px;
    color: #5F6476
}

#block_news .block_engineering .by span {
    color: #00B8F7;
    font-weight: 600;
    font-size: 18px;
}

/* OPTYMALIZACJA - Inżynieria układ kolumn i dodanie widocznego odstępu na PC */
#block_news .block_engineering .all_course {
    display: flex;
    gap: 30px; 
}

#block_news .block_engineering .all_course .course_coll {
    width: calc(33.33333% - 20px);
}

#block_news .block_engineering .all_course .more_course {
    min-height: 155px;
    margin: 20px 0px;
}

#block_news .block_engineering .all_course .more_course,
#block_news .block_podcasts .podcast,
#block_news .block_tutorials .more_course {
    display: flex;
    gap: 15px;
    align-items: center;
}

#block_news .block_engineering .all_course .more_course .course_child .excerpt_course_child {
    font-family: 'Poppins', sans-serif;
    line-height: 19px;
    color: #9BA1C0;
    font-weight: 400;
    font-size: 12px;
}

#block_news .block_engineering .all_course .more_course .img_more {
    width: 115px;
}

#block_news .block_engineering .all_course .more_course .img_more img {
    min-width: 115px;
    height: 95px;
    object-fit: cover;
}

#block_news .block_engineering .all_course .more_course .title_course,
#block_news .block_engineering .all_course .more_course .title_course_child {
    max-width: 250px;
}

#block_news .block_engineering .all_course .more_course .title_course,
#block_news .block_tutorials .more_course .title_course,
#block_news .block_tutorials .more_course .title_course_child {
    font-size: 16px;
    font-weight: 500;
    color: #1B243F;
}

#block_news .block_engineering .all_course .more_course .by p {
    font-size: 16px;
}

/*End Block Course*/

/*Block Video*/

#block_news .wrapper_videos,
#block_news .block_tutorials,
#block_news .block_podcasts {
    display: flex;
    gap: 30px;
}

#block_news .block_podcasts,
#block_news .block_tutorials,
#block_news .wrapper_videos {
    padding-top: 80px;
}


#block_news .wrapper_videos .our_videos {
    margin-bottom: 40px;
}

#block_news .wrapper_videos .video {
    height: 460px;
    width: 770px;
    margin-bottom: 15px;
}

#block_news .wrapper_videos .more_videos .more_video .wrap_video img {
    width: 100%;
    height: 100%;
}

#block_news .wrapper_videos .title_video p {
    margin-top: 5px;
    font-weight: 600;
    font-size: 28px;
}

#block_news .wrapper_videos .title_video p a {
    color: #1B243F;
    line-height: 30px;
}

#block_news .wrapper_videos .author {
    display: flex;
    align-items: center;
    gap: 15px;
}

#block_news .wrapper_videos .author .date img,
#block_news .wrapper_videos .author .share img {
    width: auto;
    height: auto;
    border-radius: 0;
}

#block_news .wrapper_videos .author .date span,
#block_news .wrapper_videos .author .share span {
    font-size: 16px;
}

#block_news .wrapper_videos .author .share {
    display: flex;
    gap: 10px;
}

#block_news .wrapper_videos .more_videos {
    display: flex;
    gap: 20px;
}

#block_news .wrapper_videos .more_videos .more_video{
    width: 245px;
    margin-bottom: 50px;
}

#block_news .wrapper_videos .more_videos .more_video .wrap_video {
    height: 156px;
    max-width: 244px;
    margin-bottom: 15px;
}

#block_news .wrapper_videos .more_videos .more_video .wrap_video .video-trigger:after{
    width: 70px;
    height: 70px;
    background-size: contain;
}

#block_news .wrapper_videos .more_videos .more_video p {
    font-weight: 800;
    font-size: 16px;
    color: #333333;
}

#block_news .wrapper_videos .block_left,
#block_news .block_tutorials .block_left,
#block_news .block_podcasts .block_left {
    min-width: 770px;
}

#block_news .wrapper_videos .block_right,
#block_news .block_tutorials .block_right,
#block_news .block_podcasts .block_right {
    width: 100%;
}

#block_news .wrapper_videos .block_right .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#block_news .wrapper_videos .block_right .categories .category {
    height: 145px;
    width: 215px;
    background-image: url("img/category_back.png");
}

#block_news .wrapper_videos .block_right .categories .category span {
    color: white;
}

#block_news .wrapper_videos .block_right .categories .category .blur {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

#block_news .wrapper_videos .block_right .categories .category .blur .title_category {
    font-weight: 600;
    font-size: 16px;
}

#block_news .wrapper_videos .block_right .categories .category .blur .count_category {
    font-size: 14px;
    font-weight: 400;
}

#block_news .wrapper_videos .block_right .form_subscribe {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    background: #00B8F7;
    padding: 50px 35px;

}

#block_news .wrapper_videos .block_right .form_subscribe h2 {
    color: white;
    font-weight: 800;
    font-size: 32px;
}

#block_news .wrapper_videos .block_right .form_subscribe p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #F5F5F5;
}

#block_news .wrapper_videos .block_right .form_subscribe input[type="email"] {
    color: white;
    padding: 15px 20px;
    margin: 10px 0px;
    border: none;
    background: #33C6F9;
    width: 100%;
}

#block_news .wrapper_videos .block_right .form_subscribe input[type="submit"] {
    color: #33C6F9;
    padding: 15px 20px;
    margin: 10px 0px;
    border: none;
    background: white;
    width: 100%;
}

#block_news .wrapper_videos .block_right .form_subscribe input:focus-visible {
    outline: none;
}

#block_news .wrapper_videos .block_right .form_subscribe input::placeholder {
    color: white;
    font-weight: 500;
    font-size: 12px;
}

#block_news .wrapper_videos .block_right .form_subscribe button {
    height: 45px;
    border: none;
    background: white;
    color: #00B8F7;
    cursor: pointer;
}

#block_news .wrapper_videos .block_right .form_subscribe button:hover {
    color: white;
    background: #33C6F9;
}

/*End Block Video*/

/*Block Tutorials*/

#block_news .block_tutorials .tutorial_cats a {
    background: white;
}

#block_news .block_tutorials .tutorial_cats .active,
#block_news .block_tutorials .tutorial_cats a:hover {
    background: #00B8F7;
    color: white;
}

#block_news .block_tutorials .wrapper_course {
    display: flex;
    gap: 20px;
    padding: 30px 0px;
}

#block_news .block_tutorials .wrapper_course .course {
    background: white;
    max-width: 370px;
}

#block_news .block_tutorials .wrapper_course .block_post_info .author_text h3 {
    font-weight: 600;
}

#block_news .block_tutorials .wrapper_course .block_post_info {
    padding: 20px 20px 40px 20px;
}

#block_news .block_tutorials .wrapper_course .block_post_info>.author_text>h3>a{
    color: #1b243f;
}

#block_news .block_tutorials .wrapper_course .course .wrapper_img img {
    width: 370px;
    height: 260px;
    /* padding: 15px 0px; */
}

#block_news .block_tutorials .block_right .more_course .title_course {
    margin-top: 0;
}

#block_news .block_tutorials .block_right .more_course {
    margin-bottom: 12px;
}

#block_news .block_tutorials .block_right .img_more {
    width: 115px;
}

#block_news .block_tutorials .block_right .img_more img {
    max-width: unset;
}

#block_news .block_tutorials .block_right .all_news_link {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#block_news  .shop {
    margin-top: 30px;
    background: #00B8F7;
    width: 100%;
    height: 300px;
}

#block_news .block_tutorials {
    padding-bottom: 30px;
}

/*End Block Tutorials*/

/*Block Podcasts*/

#block_news .block_podcasts .podcast {
    background: #F8F8F8;
    padding: 8px;
    /* width: 754px; */
}
#block_news .block_podcasts .podcast .img_more{
    height: 154px;
}
#block_news .block_podcasts .podcast .img_more img{
    width: 154px !important;
    height: 154px !important;
    object-fit: cover;
}
#block_news .block_podcasts .podcast .podcast_info h3{
    font-size: 16px;
    font-weight: 600;
}
#block_news .block_podcasts .podcast .podcast_info p{
    font-size: 14px;
    max-width: 380px;
    line-height: 23px;
}
#block_news .block_podcasts .podcast .podcast_info{
    flex: 1;
}
#block_news .block_podcasts .podcast .play{
    margin-right: 50px;
}

#block_news .block_podcasts .social .social_item {
    background: lightcoral;
    height: 55px;
    width: 210px;
    display: flex;
    padding: 10px 15px;
    gap: 15px;
}

#block_news .block_podcasts .social .social_item img {
    max-width: 40px; 
    max-height: 40px;
}

#block_news .block_podcasts .social .social_item p {
    font-size: 16px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 0;
}

#block_news .block_podcasts .social .social_item p span {
    font-weight: 700;
}

#block_news .block_podcasts .social {
    display: flex;
    flex-wrap: wrap;
    gap:15px
}

#block_news .block_podcasts .wrapper_podcast{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (min-width: 1024px) {
    .modal__container {
        min-width: 1100px;
        min-height: 800px;
        background: none;
        text-align: end;
    }
}

@media (max-width: 1023px) {
    .modal__container {
        min-width: 90%;
        min-height: 60%;
        background: none;
        text-align: end;
    }
}

.nl-wrap {
    width: 100% !important;
}

.nl-wrap h2 {
    text-align: center;
    color: white;
}


.form_subscribe .nl-form {
    flex-direction: column !important;
    background: unset !important;
    padding: 0 !important;
}

.course_coll div > p.title_course {
    min-height: 50px;
}

.modal-page-block {
    margin-top: 30px;
}

.modal-page-link {
    color: white;
    background: #00B8F7;
    padding: 20px;
    height: 40px;
    width: 215px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 30px;
}

.modal-page-link:hover {
    color: white;
}

@media screen and (max-width: 893px) {
    #block_news .block_news {
        flex-wrap: wrap;
        padding: 0px 40px;
    }

    #block_news .block_news .block_right, #block_news .block_news .block_left {
        width: unset;
    }

    .modal-page-link {
        font-size: 12px;
        border-radius: 20px;
        padding: 10px;
    }
}

@media screen and (max-width: 1199px) {
    #block_news .block_engineering .all_course {
        gap: 25px;
    }

    #block_news .block_engineering .all_course .course_coll:nth-child(1),
    #block_news .block_engineering .all_course .course_coll:nth-child(2) {
        width: 50%;
    }

    #block_news .block_engineering .all_course .course_coll:nth-child(3) {
        display: none;
    }

    #block_news .block_engineering .all_course .img_course img {
        width: 100% !important;
        height: 345px;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1135px) {
    #block_news .wrapper_videos .block_right .categories .category {
        width: 100%;
    }

    #block_news .wrapper_title .hr, #block_news .wrapper_title .hr {
        width: unset;
    }

    #block_news .wrapper_videos .block_left, 
    #block_news .block_podcasts .block_left {
        min-width: unset;
    }
}

@media screen and (max-width: 1134px) and (min-width: 830px) {
    #block_news .wrapper_videos .video {
        width: 100%;
        height: 520px;
    }
}

@media screen and (max-width: 1134px) {
    #block_news .wrapper_videos {
        flex-wrap: wrap;
    }

    #block_news .wrapper_videos .block_left {
        width: 100%;
        min-width: unset;
    }

    #block_news .wrapper_videos .more_videos {
        justify-content: space-between;
    }

    #block_news .wrapper_videos .more_videos .more_video {
        width: unset;
    }

    #block_news .wrapper_videos .more_videos .more_video .wrap_video {
        max-width: unset;
        height: 190px;
    }

    #block_news .wrapper_videos .block_right {
        display: flex;
        flex-wrap: wrap;
    }

    #block_news .wrapper_videos .block_right .wrapper_title {
        width: 100%;
    }

    #block_news .wrapper_videos .block_right .categories{
        width: 45%;
        align-content: flex-start;
    }

    #block_news .wrapper_videos .block_right .form_subscribe {
        width: 55%;
    }

    #block_news .wrapper_videos .block_right .form_subscribe {
        margin: 0;
    }

    #block_news .block_podcasts {
        flex-wrap: wrap;
    }

    #block_news .block_tutorials .block_left {
        min-width: 65%;
    }

    #block_news .block_tutorials .wrapper_course {
        flex-wrap: wrap;
    }

    #block_news .block_tutorials .wrapper_course .course {
        max-width: unset;
    }

    #block_news .block_tutorials .wrapper_course .course .wrapper_img img {
        width: unset;
        height: auto;
    }

    #block_news .block_tutorials .block_right {
        display: none;
    }

    #block_news .wrapper_videos .video {
        width: auto;
    }

    #block_news .block_podcasts .block_left {
        min-width: unset;
    }
}

@media screen and (max-width: 500px) {
    #block_news .block_news {
        padding: 0px;
    }

    #block_news .block_news .block_right .buttons_block {
        flex-wrap: wrap;
    }

    #block_news .block_news .block_right .buttons_block button.active_tab,
    #block_news .block_news .block_right .buttons_block button,
    #block_news .block_news .block_right .post_right_news .right_news {
        width: 100%;
    }

    #block_news .block_engineering {
        padding: 20px 15px;
    }

    #block_news .block_engineering .all_course {
        flex-wrap: wrap;
    }

    #block_news .block_engineering .all_course .course_coll:nth-child(1), 
    #block_news .block_engineering .all_course .course_coll:nth-child(2) {
        width: 100%;
    }

    #block_news .wrapper_videos .video {
        height: 250px;
    }

    #block_news .wrapper_videos .more_videos {
        flex-wrap: wrap;
    }

    #block_news .wrapper_videos .block_right {
        flex-direction: column;
    }

    #block_news .wrapper_videos .block_right .categories {
        flex-wrap: wrap;
        width: 100%;
        align-content: space-between;
        justify-content: space-between;
    }

    #block_news .wrapper_videos .block_right .categories .category {
        width: 47%;
    }

    #block_news .wrapper_videos .block_right .form_subscribe {
        width: 100%;
    }

    #block_news .block_podcasts {
        padding: 20px;
    }

    #block_news .block_podcasts .podcast {
        flex-wrap: wrap;
        flex-direction: column;
    }

    #block_news .block_podcasts .podcast .img_more {
        width: 100%;
        height: 100%;
    }

    #block_news .block_podcasts .podcast .img_more img {
        width: 100%;
        height: auto;
    }

    #block_news .block_engineering .all_course .img_course img {
        height: auto;
    }
}