/* POST BANNER */

.ee-index-post-banner__main-block.ee-light {
    color: black;
    /* padding: 4em 0; */
    /* margin-bottom: 4rem; */
        /* padding-bottom: 6rem; */
}

.ee-index-post-banner__main-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    gap: 40px;
padding: 7em 0;
    width: 100vw;
    left: -40px;
    position: relative;
    padding-left: 40px;
}
.ee-index-post-banner__main-block.ee-dark {
    color: white;
}

@media (min-width: 1031px) {
.ee-index-post-banner__main-block {
        padding-left: 80px;
        left: -55px;
    }
}

.ee-index-post-banner__text-category-item {
    margin-bottom: 27px;
}

/*.ee-index-post-banner__main-block.ee-right*/
.ee-index-post-banner__text-block {
    flex: 0 25%;
    flex: 0 40%;
    flex: 0 calc(100% - 792px);
        flex: 0 calc(100% - 1020px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
}



/* RIGHT */
/* .ee-index-post-banner__main-block.ee-right .ee-index-post-banner__text-block {
    padding-right: 40px;
}
 */
/* LEFT */
.ee-index-post-banner__main-block.ee-left .ee-index-post-banner__text-block {
    flex: 0 30%;
    align-items: center;
    text-align: center;
    margin: auto;
}

.ee-index-post-banner__img-block {
    flex: 0 65%;
    flex: 0 calc(60% - 40px);
    flex: 0 100%;
    max-width: 750px;
        max-width: 980px;
}

.ee-index-post-banner__img-block img {
    width: 100%;
    object-fit: cover;
    /* height: 100%; */
    object-position: left top;
}

.ee-index-post-banner__text-category {
    margin: 3em 0 2em;
}


.ee-index-post-banner__text-category-item {
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1em;
}


.ee-index-post-banner__main-block.ee-light,
.ee-index-post-banner__main-block.ee-light a {
    color: black;

}

.ee-index-post-banner__main-block.ee-dark,
.ee-index-post-banner__main-block.ee-dark a {
    color: white;
}


.ee-index-post-banner__text-title {}

.ee-index-post-banner__text-title .entry-title {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 1em;
}

.ee-index-post-banner__text-desc {}

.ee-index-post-banner__readmore_container {
    margin-top: 2em;
}

.ee-index-post-banner__readmore__label {
    font-weight: bold;
}

.ee-index-post-banner__readmore__icon {
    width: 14px;
    display: inline-block;
}

.ee-index-post-banner__main-block.ee-dark .ee-index-post-banner__readmore__icon svg {
    fill: #fff;
}

@media (max-width: 1300px) {
    .ee-index-post-banner__img-block {
        max-width: 671px;
    }

    .ee-index-post-banner__text-block {
        flex: 0 calc(100% - 714px);
    }

    .ee-index-post-banner__text-title .entry-title {
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.1em;
        margin-bottom: 1em;
    }

    .ee-index-post-banner__text-category {
        margin: 2em 0 1em;
    }

    .ee-index-post-banner__text-desc {
        font-size: 15px;
    }
}


@media (max-width: 1100px) {
    .ee-index-post-banner__img-block {
        flex: 0 100%;
        max-width: none;

    }

    .ee-index-post-banner__text-block {
        flex: 0 100%;
    }

}

@media (max-width: 800px) {}

@media (max-width: 768px) {
    .ee-index-post-banner__img-block {
        flex: 0 100%;
    }

    .ee-index-post-banner__text-title .entry-title {
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.1em;
        margin-bottom: 1em;
    }

    .ee-index-post-banner__text-block {
        flex: 0 100%;
    }


}


/* LATEST */
.ee-index-latest-post-banner__main-conteiner {
    padding-top: 2em;
    border-top: 1px solid black;
    color: black;
    margin: 6rem 0;
}


.footer-bar .ee-index-latest-post-banner__main-conteiner {
    padding-top: initial;
    border-top: 0px;
    color: #000;
    margin: 2rem auto;
    padding: 40px;
    text-align: left;
}


@media (min-width: 10310px) {
    .footer-bar .ee-index-latest-post-banner__main-conteiner {
        padding: 80px;
    }

}


.ee-index-latest-post-banner__main-conteiner a {
    color: black;
}

.ee-index-latest-post-banner__main-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 2em;
    row-gap: 4em;
    /* display: grid;

    grid-template-columns: auto auto auto; */
}

.ee-index-latest-post-banner__item_block {
    flex: 1 calc((100% / 3) - 2em);
    display: grid;
    grid-template-columns: auto;
    /* grid-template-rows: 2fr 1fr;
    grid-template-rows: calc(100vw/5) 1fr; */
    max-width: unset !important;
}


@media (max-width: 1021px) {
    .ee-index-latest-post-banner__item_block {
        flex: 1 calc((100% / 2) - 2em);
    }

}


@media (min-width: 2600px) {

    /* flex: 0 calc((100%/3) - 2em ); */

}


.ee-index-latest-post-banner__img-block {
    /* height: 265px; */
    overflow: hidden;
}

.ee-index-latest-post-banner__main-conteiner a img {
    /* aspect-ratio: auto;
    width: auto;
    height: auto;
    max-height: min-content;
    height: 100%; */

    height: 100%;
    object-fit: contain;
    object-position: top;
    width: auto;
}

.ee-index-latest-post-banner__main-conteiner-title {
    margin-bottom: 1.5em;
    font-size: 3em;
}

.ee-index-latest-post-banner__text-title .entry-title {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.ee-index-latest-post-banner__text-category-item {
    margin-top: 1.5em;
}

.ee-index-latest-post-banner__text-category-item a {
    text-transform: uppercase;
    font-size: 0.8em;
        padding-left: 15px;

}

.ee-index-latest-post-banner__item_block {
    border: 1px solid #d9d9d9;
    border-radius: 0 0 5px 5px;
    background: #f5f5f5;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1)
}

.ee-index-latest-post-banner__text-title .entry-title {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.4em
}

.ee-index-latest-post-banner__text-category-item a {
    padding-left: 15px;
    font-size: .7em
}



@media (max-width: 768px) {


    .ee-index-latest-post-banner__item_block {
        flex: 0 100%;
        display: grid;
        grid-template-columns: auto;
    }

    .ee-index-latest-post-banner__img-block {
        height: auto;
        overflow: hidden;
    }
}


@media (max-width: 450px) {

    .ee-index-latest-post-banner__item_block {
        flex: 0 100%;
        display: grid;
        grid-template-columns: auto;
    }

}



/* RECENT NUMBER */
.ee-index-latest-number-post-banner__main-conteiner {
    width: 100vw;
    left: -80px;
    left: -60px;
    position: relative;
    background: #000;
    /* width: calc(100vw - 160px);
    left: -80px; */
    position: relative;
    padding: 20px 80px 40px;
}

.ee-index-latest-number-post-banner__main-conteiner.ee-dark {
    color: white;
}

.ee-index-latest-number-post-banner__main-conteiner.ee-dark a {
    color: white;
}

.ee-index-latest-number-post-banner__main-block {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2em;
    flex-direction: row;
    padding: 20px 0px;
}

.ee-index-latest-number-post-banner__main-block .entry-title {
    font-size: 20px;
}


.ee-index-latest-number-post-banner__text-block {
    /* padding: 15px; */
    /* flex: 0 calc( (100%/5) - 2em); */
}

.ee-index-latest-number-post-banner__text-number {
    font-size: 4em;
    font-weight: bold;
    color: white;
}

.ee-index-latest-number-post-banner__main-conteiner-title {
    border-top: 5px solid white;
    border-bottom: 1px solid white;
    padding-top: 35px !important;
    padding-bottom: 15px !important;
    margin-top: 27px;
    display: block;
    position: relative;
    top: 20px;
    font-size: 2em;
    margin-bottom: 1.5em;
}

.ee-index-latest-number-post-banner__text-title h2 {
    font-size: 1.5em;
    margin-bottom: 0.4em;
}

.ee-index-latest-number-post-banner__text-desc {
    color: black;
}

.ee-index-latest-number-post-banner__text-date {
    font-size: 0.9em;
    margin-top: 1em;
}


@media (max-width: 768px) {

    .ee-index-latest-number-post-banner__main-conteiner {
        left: -45px;
    }
}