/* Elementy przenoszone ze skladu do wpisow na petinsider.pl */

.pi-ramka {
    --pi-ramka-kolor: #0B132B;
    --pi-ramka-tlo:   #f2f4f8;
    background: var(--pi-ramka-tlo);
    border-left: 4px solid var(--pi-ramka-kolor);
    border-radius: 10px;
    padding: 20px 24px;
    margin: 32px 0;
}
.pi-ramka > p:first-child { margin-top: 0; }
.pi-ramka > p:last-child  { margin-bottom: 0; }

.pi-ramka-tytul {
    font-weight: 800;
    font-size: .8em;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--pi-ramka-kolor);
    margin-bottom: 8px;
}

.pi-ramka--wazne       { --pi-ramka-kolor: #b3261e; --pi-ramka-tlo: #fdf3f2; }
.pi-ramka--zapamietaj  { --pi-ramka-kolor: #0a6644; --pi-ramka-tlo: #f0f9f4; }
.pi-ramka--wskazowka   { --pi-ramka-kolor: #1a4dab; --pi-ramka-tlo: #f1f5fd; }
.pi-ramka--ciekawostka { --pi-ramka-kolor: #6b4bbd; --pi-ramka-tlo: #f6f3fd; }
.pi-ramka--statystyka  { --pi-ramka-kolor: #a15c00; --pi-ramka-tlo: #fdf7ee; }

.pi-kontakt {
    font-size: .9em;
    color: #6b6b6b;
    border-top: 1px solid #e8e8e8;
    padding-top: 12px;
    margin-top: 28px;
}