/* responsive breakpoints */
.container {
  padding: 0;
  margin: 0 auto; }
  @media (max-width: 991.98px) {
    .container {
      padding: 0 16px !important; } }

.blog-date-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  margin-top: -5.625rem; }
  .blog-date-parent .blog-date {
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 6.875rem;
    width: 6.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    position: relative; }
    .blog-date-parent .blog-date::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      left: 0;
      background-color: #EE2312;
      opacity: .8;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      z-index: 0; }
    .blog-date-parent .blog-date .month,
    .blog-date-parent .blog-date .year {
      font: 0.875rem/normal "muli", sans-serif;
      text-transform: uppercase;
      z-index: 1; }
      @media (max-width: 991.98px) {
        .blog-date-parent .blog-date .month,
        .blog-date-parent .blog-date .year {
          font-size: 0.8125rem; } }
    .blog-date-parent .blog-date .day {
      font: 2.25rem/normal "muli", sans-serif;
      z-index: 1; }
      @media (max-width: 991.98px) {
        .blog-date-parent .blog-date .day {
          font-size: 1.4375rem; } }

.blog-name {
  text-align: center; }
  .blog-name a {
    color: #000 !important;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    margin-bottom: 1rem; }
    .blog-name a:hover {
      color: #EE2312 !important;
      -webkit-transition: 0.5s all ease-in-out;
      transition: 0.5s all ease-in-out; }
  .blog-name .blog-related-posts-name {
    font-size: 1.2rem; }

.blog-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem; }
  .blog-breadcrumbs a {
    color: #0071b3 !important;
    font-family: "muli", sans-serif; }
    @media (max-width: 991.98px) {
      .blog-breadcrumbs a {
        font: 0.75rem/normal "muli", sans-serif; } }
    .blog-breadcrumbs a.after-slash::after {
      content: '/';
      margin: 0 0.625rem; }
    .blog-breadcrumbs a .after-comma::after {
      content: ','; }
    .blog-breadcrumbs a .after-comma:last-child::after {
      content: ''; }
    .blog-breadcrumbs a.category.after-comma {
      margin-right: 0.3125rem; }
      .blog-breadcrumbs a.category.after-comma .after-comma:last-child::after {
        content: ','; }

.blog-content .blogContentWrapper {
  border-bottom: 1px solid #E5E5E7;
  padding-bottom: 1.25rem; }

.blog-content p {
  margin-bottom: 1.25rem;
  font-family: "muli", sans-serif; }
  .blog-content p a {
    color: #0071b3 !important; }

.recent-post-parent h2 {
  font: 1rem/normal "muli", sans-serif;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-family: 700; }

.recent-post-parent a {
  margin-bottom: 1.25rem;
  font-family: "muli", sans-serif;
  color: #0071b3 !important; }

.recent-post-parent .feature-date {
  font-family: "muli", sans-serif;
  margin-bottom: 1.25rem; }

.feature-image img {
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.95rem;
  margin-bottom: 0.475rem;
  border: 1px solid transparent;
  border-radius: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

@media (max-width: 991.98px) {
  .blogsWrapperParent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

.recentPostDate {
  font: 0.8125rem/normal "muli", sans-serif;
  font-style: italic;
  display: block;
  padding-left: 0.625rem; }

.feature-text a {
  font: 0.95rem/normal "muli", sans-serif;
  color: #0071b3 !important;
  margin-bottom: 0.375rem;
  display: block;
  padding-left: 0.625rem; }

.blogRelatedPosts {
  padding-top: 1.1rem;
  margin-bottom: 1.65rem;
  font: 1.1rem/normal "muli", sans-serif;
  font-weight: 900; }

.recentPostWrapper {
  margin-bottom: 0.95rem; }

.relatedBlogsWrapper {
  margin-bottom: 1.875rem; }

.related-blogs img {
  min-height: 13.8125rem;
  border: 1px solid transparent;
  border-radius: 1.5625rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }
  @media (max-width: 991.98px) {
    .related-blogs img {
      width: 100%;
      height: auto; } }

.related-blogs .categoryNameWrapper {
  margin-top: 0.8125rem;
  display: block;
  margin-bottom: 0.375rem;
  color: #0071b3 !important; }
  .related-blogs .categoryNameWrapper span {
    font: 0.8125rem/normal "muli", sans-serif;
    text-transform: uppercase; }

.related-blogs .blog-name {
  font: 1.2rem/normal "muli", sans-serif;
  margin-bottom: 1.2rem;
  text-align: left;
  color: #000 !important;
  font-weight: 700;
  display: block; }
  .related-blogs .blog-name:hover {
    color: #EE2312 !important; }

.blog-description-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .blog-description-wrapper p {
    font: 1.125rem/normal "muli", sans-serif;
    overflow: hidden;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none; }
    .blog-description-wrapper p:first-child {
      display: -webkit-box; }
    .blog-description-wrapper p:nth-child(2) {
      display: -webkit-box; }
    .blog-description-wrapper p a {
      color: #000 !important; }
  .blog-description-wrapper img,
  .blog-description-wrapper h2,
  .blog-description-wrapper ul,
  .blog-description-wrapper h3,
  .blog-description-wrapper #content {
    display: none; }

.blog-results-header {
  text-align: center;
  width: 100%;
  padding: 1.25rem 0 2.5rem; }

.blog-tile-parent {
  margin-bottom: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  .blog-tile-parent .blog-tile-image {
    margin-right: 2rem; }
    @media (max-width: 991.98px) {
      .blog-tile-parent .blog-tile-image {
        margin-right: 0; } }
    .blog-tile-parent .blog-tile-image img {
      min-height: 25rem;
      width: 30rem; }
      @media (max-width: 991.98px) {
        .blog-tile-parent .blog-tile-image img {
          width: 100%;
          min-height: 20.1875rem; } }

.sidebar-opener {
  background-color: #EE2312;
  height: 2.8125rem;
  width: 1.5625rem;
  z-index: 3;
  position: fixed;
  right: 0;
  top: 7.5rem;
  border-radius: 0.375rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .sidebar-opener .sidebar-arrow {
    border-right: solid 8px #FFF;
    border-bottom: solid 8px transparent;
    border-top: solid 8px transparent;
    display: block;
    position: absolute;
    left: 0.5rem;
    top: 0.875rem; }

.blog-related-posts {
  position: sticky;
  top: 6.875rem;
  height: 100vh; }
  @media (max-width: 768.98px) {
    .blog-related-posts {
      position: fixed;
      background-color: #FFF;
      top: 0;
      right: -31.25rem;
      z-index: 2;
      padding: 1.25rem;
      -webkit-box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
      width: 21.875rem;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .blog-related-posts.open {
        right: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .blog-related-posts.open .sidebar-opener {
          right: 21.875rem; }
          .blog-related-posts.open .sidebar-opener .sidebar-arrow {
            border-left: solid 8px #FFF;
            border-bottom: solid 8px transparent;
            border-top: solid 8px transparent;
            border-right: 0; } }

.blog-tile {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 1.625rem; }
  @media (max-width: 1169.98px) {
    .blog-tile {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 991.98px) {
    .blog-tile {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; } }
  .blog-tile .blog-date {
    font: 0.8rem/normal "muli", sans-serif;
    margin-bottom: 1.25rem; }
  .blog-tile .blog-name {
    text-align: left; }
  .blog-tile .blog-breadcrumbs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 1rem; }
  .blog-tile .blog-link {
    display: block;
    margin-bottom: 1.25rem;
    text-align: left;
    font-weight: 700; }

.block-categories h2 {
  font: 1rem/normal "muli", sans-serif;
  margin-bottom: 1rem; }

.blog-posts-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .blog-posts-data a.category.after-comma {
    margin-right: 0.3125rem; }
    .blog-posts-data a.category.after-comma .after-comma:last-child::after {
      content: ','; }