@import url('./pygment.css');
@font-face {
  font-family: 'Proxima';
  src: url('../fonts/Proxima/ProximaNovaSoft-Regular-webfont.woff')
    format('woff');
}
@font-face {
  font-family: 'Proxima-Bold';
  src: url('../fonts/Proxima/ProximaNovaSoft-Bold-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Proxima-Semibold';
  src: url('../fonts/Proxima/ProximaNovaSoft-Seimbold-webfont.woff')
    format('woff');
}
@font-face {
  font-family: 'BloggerSans';
  src: url('../fonts/BloggerSans/BloggerSans.woff') format('woff');
}
@font-face {
  font-family: 'BloggerSans-Bold';
  src: url('../fonts/BloggerSans/BloggerSans-Bold.woff') format('woff');
}
body {
  font-family: 'Proxima', 'BloggerSans', sans-serif;
  background-color: rgb(55, 171, 46);
}
.citymapper-logo {
  border-radius: 50%;
  margin-right: 0.5rem;
}
.article-title-box {
  align-items: center;
  background-color: rgb(46, 145, 39);
  border-radius: 8px;
  color: white;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}
.article-title-container {
  background-color: rgb(46, 145, 39);
  padding: 16px 24px;
  margin: 0px 8px;
}
.template-title {
  background-color: rgb(46, 145, 39);
  color: white;
  font-size: 40px;
  font-weight: 400;
}
.title:not(:last-child) {
  margin-bottom: 1.5rem;
}
.article-subtitle {
  background-color: rgb(46, 145, 39);
  color: white;
}
.article-span {
  background-color: rgb(46, 145, 39);
  color: white;
}
a.article-title {
  color: white;
  background-color: rgb(46, 145, 39);
  text-decoration: white underline solid;
  font-weight: 700;
}
.article-content-container {
  font-family: 'Proxima', 'BloggerSans', sans-serif;
  color: rgb(74, 74, 74);
  font-size: 16px;
  padding: 16px 12px 12px 16px;
  overflow: hidden;
  border-radius: 8px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0px 0px;
}
.article-content-container h1 {
}
.article-content-container h2 {
  background-color: white;
  font-size: 24px;
  font-weight: 700;
  margin: 12px 0px 6px 12px;
}
.article-content-container h3 {
}
.article-content-container h4 {
}
.article-content-container h5 {
}
.article-content-container h6 {
}
.article-content-container p {
  background-color: white;
  margin: 12px 0px 16px 12px;
}
.article-content-container a {
  background-color: white;
  color: rgb(55, 171, 46);
  text-decoration-color: rgb(55, 171, 46);
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.article-content-container ul {
  margin: 0px 0px 0px 16px;
}
.article-content-container ol {
  margin: 0px 0px 0px 16px;
}
.article-content-container ul li {
  list-style-type: square;
  background-color: white;
  margin: 0px 0px 0px 12px;
}
.article-content-container ol li {
  list-style-type: decimal;
  background-color: white;
  margin: 0px 0px 0px 12px;
}
.article-content-container em {
  background-color: white;
  font-style: italic;
}
.article-content-container strong {
  background-color: white;
  font-weight: 700;
}
.article-content-container blockquote {
}

.article-author-data {
  align-items: center;
  background-color: rgb(46, 145, 39);
  border-radius: 8px;
  color: white;
  display: flex;
  font-size: 16px;
  justify-content: center;
  margin-top: 48px;
  padding: 16px 24px;
}
.author-image {
  background-color: rgb(46, 145, 39);
  border-radius: 100px;
  height: 100px;
  width: 100px;
  margin: 20px 20px 20px 0px;
}
.author-bio {
  background-color: rgb(46, 145, 39);
  font-weight: 400;
}
.article-footer {
  display: flex;
  justify-content: space-around;
}
.article-footer-recent-article-card {
  font-family: 'Proxima', 'BloggerSans', sans-serif;
  color: rgb(74, 74, 74);
  font-size: 16px;
  padding: 16px 12px 12px 16px;
  overflow: hidden;
  border-radius: 8px;
  background-color: white;
}

.hero-body {
  padding-bottom: 0;
}