/*
 Theme Name:   	 Koalicja Obywatelska
 Description:    Szablon strony internetowej Koalicji Obywatelskiej
 Author:         -
 Template:       Divi
 Version:        1.0.1
*/
@font-face {
    font-family: 'Plus Jakarta Sans Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./assets/fonts/PlusJakartaSans-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Plus Jakarta Sans Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2');
}


:root {
    --font-jakartaregular: "Plus Jakarta Sans Regular", sans-serif;
    --font-jakartamedium: "Plus Jakarta Sans Medium", sans-serif;
}
body, html {
    font-family: var(--font-jakartaregular), sans-serif;
}


.kolp-wrapper {
    font-family: var(--font-jakartaregular),sans-serif !important;
}
.kolp-wrapper .kolp-single {
    display: flex; gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}
.kolp-wrapper .kolp-img { width: 40%; flex: 1;}
.kolp-wrapper .kolp-content {
    width: 60%;
}
.kolp-wrapper .kolp-img img {border-radius: 20px; width: 100%; aspect-ratio: 1080 / 675; object-fit: cover;}
.kolp-wrapper .kolp-single .kolp-date {
    color: #2E80E1;
    letter-spacing: -0.2px;
}
.kolp-wrapper .kolp-title a {
    color: #0F1011;
    font-family: var(--font-jakartamedium), sans-serif;
    letter-spacing: -0.2px;
    font-size: 22px; line-height: 1.2em;
}

@media screen and (max-width: 768px){
    .kolp-wrapper .kolp-title a {
        font-size: 16px;
    }
}