/* Ogólne stylizacje */
.latest-posts-adwebcode {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.latest-posts-adwebcode .post {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 2em;
}

.latest-posts-adwebcode .post-thumbnail img {
    border-radius: 6px;
    width: 100%;
    height: auto;
}

.latest-posts-adwebcode .lead h2 {
    margin: 0;
    margin-top: 0.25em;
    font-size: 1.5rem;
}

.latest-posts-adwebcode .lead h2 a {
	font-family: 'Square Peg',handwriting;
	font-size: 52px;
	color: #0e0c19 !important;
	line-height: 1.0em;
	display: block;
}

.latest-posts-adwebcode .excerpt {
	font-size: 14px;
	font-family: 'Proza Libre',Helvetica,Arial,Lucida,sans-serif !important;
}

.latest-posts-adwebcode .excerpt a {
    color: rgb(193, 18, 31);
}

.adwebcode-gallery img {
    border-radius: 6px;
}

.adwebcode-gallery {
    display: flex;
    justify-content: space-between;
}

.adwebcode-gallery > div {
    flex: 0 0 calc(100% / 6 - 2%);
    height: 100%;
    margin-right: 2% !important;
    margin-bottom: 2%;
}

.adwebcode-gallery .et_pb_column:last-child {
    margin-right: 0;
}

@media (max-width: 768px) {
    .adwebcode-gallery > div {
        flex: 0 0 calc(100% / 3 - 10px);
        margin-right: inherit !important;
    }
}
@media (max-width: 480px) {
    .adwebcode-gallery > div.et_pb_column {
        flex: 0 0 calc(100% / 2 - 10px);
        margin-bottom: 4% !important;
    }
}


/* Stylizacje na dużych ekranach */
@media (min-width: 768px) {
    .latest-posts-adwebcode {
        flex-direction: column;
    }

    .latest-posts-adwebcode .post {
        flex-direction: row;
        align-items: flex-start;
    }

    .latest-posts-adwebcode .post-thumbnail {
        flex: 0 0 200px; /* szerokość obrazka */
        margin-right: 20px;
    }

    .latest-posts-adwebcode .lead {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}