:root {
    /* row: 40px | row-reverse: 70px  */
    --row-gap-large: 70px;
    --row-gap-tablet: 25px;
    --row-gap-mobile: 25px;
    --column-gap: 70px;

    /* row | row-reverse */
    --is-revert: row;
    

    --display-set-global-section: flex;
    --display-set-single-article: flex;

    --ile-linii-excerpt: 3;
    --ile-linii-excerpt-large: 2;


    --border-radius-img: 0px;
}

/* SECTION STRUCTURE */
.ibs {
    display: var(--display-set-global-section);
    flex-direction: column;
    row-gap: var(--row-gap-mobile);
}

.ibs-article {
    display: var(--display-set-single-article);
    flex-direction: column;
    align-items: flex-start;

    width: 100%;
    max-width: 100%;

    margin: auto;
}

.ibs-article:nth-child(even) {
    flex-direction: column;
}


@media screen and (min-width: 768px) {
    .ibs {
        row-gap: var(--row-gap-tablet);
    }

    .ibs-article {
        display: var(--display-set-single-article);
        flex-direction: column;

        width: 100%;
        max-width: 720px;

        margin: auto;
    }

    .ibs-article:nth-child(even) {
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .ibs {
        row-gap: var(--row-gap-large);
    }

    .ibs-article {
        display: var(--display-set-single-article);
        flex-direction: row;

        column-gap: var(--column-gap);

        width: 100%;
        max-width: 100%;

        margin: auto;
    }

    .ibs-article:nth-child(even) {
        display: flex;
        flex-direction: var(--is-revert);
    }
}





/* IMAGE */


.ibs-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: var(--border-radius-img);


}


.ibs-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    transform: scale(1.03);
}

.ibs-image:after {
    display: block;
    content: "";
    padding-top: 67%;
}


@media screen and (min-width: 768px) {
    .ibs-image:after {
        padding-top: 67%;
    }
}

@media screen and (min-width: 1024px) {
    .ibs-image:after {
        padding-top: 80%;
    }

    .ibs-image {
        min-width: 300px;
        flex-basis: 0;
        flex-grow: 1;
    }

    .ibs-entry {
        flex-basis: 0;
        flex-grow: 2;
    }
}






/* EXCERPT */

.ibs p {
    display: -webkit-box;
    -webkit-line-clamp: var(--ile-linii-excerpt);
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
}




.ibs-title {
    margin: 20px 0 0;
    font-size: 20px;
    font-weight: bold;
}

.ibs-excerpt {
    margin-top: 15px !important;
}

.ibs-excerpt p {
    margin: 0 !important;
}

.ibs-readmore {
    margin-top: 15px !important;
}

.ibs-readmore a {
   
}





@media screen and (min-width: 768px) {
    .ibs-title {
        font-size: 22px;
    }
}

@media screen and (min-width: 1024px) {
    .ibs-title {
        font-size: 24px;
    }
    .ibs p {
    -webkit-line-clamp: var(--ile-linii-excerpt-large);
    }
}




nav.ibs-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px;
}

nav.ibs-pagination a {
    color: #000;
    text-decoration: none;
}

nav.ibs-pagination .page-numbers {
    color: #666;
    font-size: 16px;
    width: 20px;
    text-decoration: none;
    text-align: center;
}

nav.ibs-pagination .current {
    color: #666;
    font-weight: bold;
}