<?php get_header(); ?>

<style>
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row.mx-n1 {margin: 0}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.card a {
  color: #1e3790;
  font-size: 150%;
  line-height: 150%;
  text-decoration: none;
}
.card a:hover {
  text-decoration: underline;
  color: #1b5da6;
}
.card {padding: 15px; background-color: #eff3ff; margin: 15px 0px; width: 100%;}
</style>

    <div class="breadcrumbs">
        <div class="container">
            <ul class="breadcrumbs__list">
                <?php if(function_exists('bcn_display_list')) { bcn_display_list(); }?>
            </ul>
        </div>
    </div>

    <section class="about">
        <div class="container">
                <h1><?php single_cat_title(); ?></h1>
                <?php echo do_shortcode('[display-posts layout="newslist" post_type="post" wrapper="div" wrapper_class="row mx-n1" posts_per_page="300" ]'); ?>
        </div>
    </section>

<?php get_footer(); ?>