/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
body {
  background: #F7F7F7;
}

#breadcrumb {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #BABABA;
}
#breadcrumb .rank-math-breadcrumb .separator {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  padding-top: 22px;
  padding-bottom: 22px;
}
#breadcrumb .rank-math-breadcrumb p {
  padding: 0;
}
#breadcrumb .rank-math-breadcrumb .separator,
#breadcrumb .rank-math-breadcrumb a,
#breadcrumb .rank-math-breadcrumb .last {
  font: normal normal bold 16px/19px Rubik;
  letter-spacing: 0px;
  color: #131F35;
  text-transform: capitalize;
}

#main .bottom-title,
#main h2.latest-news,
#main h1 {
  position: relative;
  text-transform: uppercase;
}
#main .bottom-title::after,
#main h2.latest-news::after,
#main h1::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 145px !important;
  height: 9px;
  background-color: #EB010F;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  font-weight: 600;
}
#main ul li,
#main ol li {
  font-size: clamp(1rem, 16px + (18 - 16) * (100vw - 320px) / 1600, 1.125rem);
  line-height: clamp(1.625rem, 26px + (28 - 26) * (100vw - 320px) / 1600, 1.75rem);
  font-family: "Rubik", "sans-serif";
  color: #000000;
}
#main .date {
  font: normal normal normal 14px/25px Rubik;
  margin-bottom: 11px;
}
#main .link-read-more {
  color: #EB010F !important;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  padding-top: 28px;
  padding-bottom: 28px;
  display: block;
  width: 100%;
  font-size: clamp(1rem, 16px + (18 - 16) * (100vw - 320px) / 1600, 1.125rem) !important;
  line-height: clamp(1.625rem, 26px + (28 - 26) * (100vw - 320px) / 1600, 1.75rem) !important;
}
#main .recent-title {
  margin-bottom: 28px;
}
#main .line-divider {
  background: #A8A8A8;
  width: 100%;
  height: 1px;
}

#subscription {
  margin-top: 5em;
}
@media screen and (min-width: 1025px) {
  #subscription {
    margin-top: 14em;
  }
}