a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
    }
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
a img, fieldset, img {
    border: none
    }
input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none
    }
button, input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
    }
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto
    }
button, input {
    border: 0;
    margin: 0;
    padding: 0
    }
a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea {
    outline: none
    }
ol, ul {
    list-style-type: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
    }
*, :after, :before, html {
    box-sizing: border-box
    }
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important
        }
    }
a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
    }
a:not([class]) {
    transition: color 0.25s
    }
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: 100%;
    background-size: 30px 6px;
    padding-right: 30px !important
    }
select:focus {
    outline: none
    }
select::-ms-expand {
    display: none
    }
:root {
    --main-font: "Arial", sans-serif;
    --secondary-font: "Arial", sans-serif;
    --main-color: #023;
    --secondary-color: #333;
    --accent-color: red;
    --light-color: #f7f7f7;
    --success-color: green;
    --error-color: red
    }
body {
    color: var(--main-color);
    font: 400 14px/1.5 var(--main-font)
    }
.container {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 15px;
    width: 100%
    }
.lightning-posts__form {
    background-color: #fafafa;
    box-shadow: 1px 1px 15px 1px hsla(0, 0%, 45%, 0.2);
    position: sticky;
    top: 0;
    z-index: 1
    }
@media only screen and (max-width: 767px) {
    .lightning-posts__form {
        position: static
        }
    }
.lightning-posts__title {
    color: var(--secondary-color);
    font: 700 36px/1.5 var(--secondary-font);
    margin: 40px 0 10px;
    text-align: center
    }
.lightning-posts__text {
    margin: 30px auto 10px;
    max-width: 900px
    }
.lightning-posts__text h2 {
    color: var(--secondary-color);
    font: 700 24px/1.5 var(--secondary-font);
    margin-bottom: 20px;
    text-align: center
    }
.lightning-posts__text p {
    margin-bottom: 10px
    }
.lightning-posts__text img {
    margin: 30px 0;
    max-width: 100%
    }
.lightning-posts__articles {
    margin: 50px 0 30px
    }
.lightning-posts__pagination {
    margin: 60px 0
    }