@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700;900&display=swap");
@import url("https://unpkg.com/tailwindcss@2/dist/tailwind.min.css");
a { color: #3A6C94; text-decoration: underline; }

body { font-size: 16px; font-family: "Libre Franklin", Arial; color: #333; }

.post-content a { color: #3A6C94; text-decoration: underline; }

.post-content p { margin-bottom: 1.5rem; }

.post-content p { margin-bottom: 1.5em; }

.post-content h2 { font-weight: 700; margin: 48px 0 16px 0; font-size: 22px; text-transform: uppercase; }

.post-content h2:first-child { margin-top: 0; }

.post-content h3 { margin: 32px 0 16px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; }

.post-content em { font-style: italic; }

.post-content strong { font-weight: 600; }

.post-content ul, .post-content ol { margin: 0 0 24px 12px; line-height: 1.5; }

.post-content ol { list-style: none; counter-reset: my-awesome-counter; }

.post-content ol li { counter-increment: my-awesome-counter; }

.post-content ol li::before { content: counter(my-awesome-counter) ". "; font-size: 14px; font-weight: bold; }

.post-content li { margin: 0 0 8px 0; padding: 0 0 0 20px; line-height: 1.5; }

.post-content li:before { content: '•'; font-size: 24px; margin: 0 8px 0 -18px; }

.post-content img { width: 100%; height: auto; }

.post-content blockquote:before { content: "“"; font-size: 160px; position: absolute; margin-top: .18em; margin-left: -0.29em; opacity: .2; }

.post-content blockquote { position: relative; margin: 5em 0; line-height: 1.5em; font-size: 1.25rem; }

.post-content blockquote p:first-child { font-size: 1.5rem; font-weight: bold; }

.post-content blockquote p:last-child { margin-bottom: 0; }

.post-content blockquote footer { font-size: .85rem; }

.post-content .blockquote_light { opacity: .60; position: relative; padding: 0 0 0 1.5em; margin: 0 0 2em 0; }

.post-content .blockquote_light:before { display: block; content: ""; position: absolute; color: #DFDFDF; left: 0; bottom: 0; top: 0; width: 5px; background: #DDD; }

.post-content blockquote.quote { font-weight: 700; font-size: 24px; display: block; width: 80%; line-height: 32px; margin: 2em 15% 2em 17%; padding: .5em 0 0 0; background: #FFF; position: relative; z-index: 10; }

.post-content blockquote.quote cite { display: block; font-size: 18px; font-style: normal; opacity: .5; }

.post-content blockquote.quote:before { display: block; content: "\201C"; font-size: 6em; position: absolute; line-height: 1; color: #DFDFDF; left: -22%; top: -14px; z-index: -1; }

.post-content figure:first-child { margin-top: 0; }

.post-content figure { margin: 2em 0; }

.post-content caption, .post-content figcaption { width: 100%; display: block; font-size: .8em; color: #a0aec0; line-height: 1.3em; margin: .5em 0 0 0; }

.post-content img.outline { margin: 2em 0; border: 1px solid #DDD; }

.post-content img.shadow { box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15); }

@media (min-width: 1200px) { .post-content img.bigger { max-width: initial; width: 128%; margin-left: -14%; } }

.post-content p.lead { font-size: 1.25rem; }

.video_wrapper { width: 100%; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 2em; }

@media (min-width: 1500px) { .video_wrapper.bigger { width: 144%; margin: 0 0 0 -22%; padding-bottom: 78.25%; margin-bottom: 2em; } }

.video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }

/*# sourceMappingURL=main.css.map */