/* ======================================
   szablon: pojedynczy artykuł blogowy
   nowa klasa: .agawa-blog-article
   ======================================*/

/* =========================
   LINKI / ANCHOR TEXT
   ========================= */


.agawa-blog-article p a,
.agawa-blog-article li a,
.agawa-blog-article td a {
    color: #007e73;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

.agawa-blog-article p a:hover,
.agawa-blog-article li a:hover,
.agawa-blog-article td a:hover {
    color: #0d9488;
    text-decoration-color: #0d9488;
}

.agawa-blog-article p a:focus-visible,
.agawa-blog-article li a:focus-visible,
.agawa-blog-article td a:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 3px;
    border-radius: 2px;
}


/* =========================
   TABELE
   ========================= */

.agawa-blog-article table {
    width: 100% !important;
    margin: 24px 0 !important;
    border-collapse: collapse !important;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #212828;

    background: #ffffff;
}

.agawa-blog-article table thead th,
.agawa-blog-article table thead td {
    padding: 12px 16px !important;

    background-color: #0d9488 !important;
    color: #ffffff !important;

    border: 1px solid #007e73 !important;

    font-weight: 700 !important;
    text-align: left;
    vertical-align: top;
}

.agawa-blog-article table thead strong,
.agawa-blog-article table thead p {
    color: #ffffff !important;
}

.agawa-blog-article table tbody th,
.agawa-blog-article table tbody td {
    padding: 10px 16px !important;

    border: 1px solid #d1f0ed !important;

    color: #212828 !important;
    background-color: #ffffff !important;

    vertical-align: top;
}

.agawa-blog-article table tbody tr:nth-child(even) th,
.agawa-blog-article table tbody tr:nth-child(even) td {
    background-color: #e0f7f5 !important;
}

.agawa-blog-article table tbody tr > th:first-child,
.agawa-blog-article table tbody tr > td:first-child {
    color: #007e73 !important;
    font-weight: 600;
}

.agawa-blog-article table tbody tr:hover th,
.agawa-blog-article table tbody tr:hover td {
    background-color: #f1fbfa !important;
}

.agawa-blog-article table th p,
.agawa-blog-article table td p {
    margin: 0 !important;
}

.agawa-blog-article table a {
    color: #007e73 !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.agawa-blog-article table a:hover {
    color: #0d9488 !important;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    .agawa-blog-article table {
        display: block;
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

        font-size: 14px;
    }

    .agawa-blog-article table th,
    .agawa-blog-article table td {
        min-width: 140px;
        padding: 9px 12px !important;
    }
}