.imf {
font-family: 'Playfair Display';
}
.imf li {
font-size: 1.8rem; margin-left: 1rem;
}
.hero {
margin-top: 1rem;
}
.small-hero h1 a {
font-size: 18pt; text-decoration: none; color: #000;
}
.blog {
font-style: italic; font-size: 18pt; margin-right: 2rem; color: #BBB;
}
.banner {
margin-top: 15rem; padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid #333; background: #333; color: #EEE; padding-left: 2rem;
}
.small-banner {
margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid #333; background: #333; color: #EEE; padding-left: 2rem;
}
.posts {
padding-top: 3rem; border-top: 1px solid #333;
}
.posts h4.post-title, .posts h4.opinion-title {
font-size: 18pt;
}
.posts h5.post-date, .posts h5.opinion-date, .post h5.post-date {
font-style: italic; font-weight: none; font-size: 12pt; margin-top: -2.5rem; text-align: left; width: 100%; color: #555;
}
.posts a, .post h3 a, .post h2 a {
color: #000; text-decoration: none;
}
.posts a:hover {
color: #999;
}
.posts p.post-link {
text-align: right; margin-top: -2rem;
} .posts p.post-link a {
font-style: italic; font-size: 10pt; color: #000;
} .posts p.post-link a:hover {
color: #999;
}
.post p {
font-size: 1.8rem;
}
.post h2 a {
font-size: 3.5rem;
}
.post h3 {
font-size: 3rem; margin-top: 3rem;
}
.post h4 {
font-size: 2.5rem;
}
.post h5 {
font-size: 2.1rem; text-decoration: underline;
}
.post blockquote {
border-left: 5px solid #00B288; padding-left: 2rem; padding-top: 1rem; padding-bottom: 0.2rem; color: #AAA;
}
.post ul a {
font-size: 18px;
}
.opinions-intro {
font-style: italic;
}
.pitch {
margin-top: 15rem; font-size: 8pt;
}
.pitch h3 {
font-size: 14pt;
}
.help {
border-top: 1px solid #333; padding-top: 1rem;
}
@media (max-width: 500px) {
.posts .post-intro, .posts .opinion-intro { display: none; }
}
.banner .fa-rss {
box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 1); transform: scale(1); animation: pulse 2s infinite; border-radius: 10px;
}
@keyframes pulse {
0% { transform: scale(0.95); box-shadow: -5px 5px 0 0 rgba(30, 174, 219.7); } 70% { transform: scale(1); box-shadow: -5px 5px 0 10px rgba(30, 174, 219, 0); } 100% { transform: scale(0.95); box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 0); }
}
social i {
font-size: 17px;
} social i.separator {
vertical-align: middle; font-size: 10px; margin-right: 10px; margin-left: 10px;
}