/* 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  :)  */
#sec-banner h2 {
  font-size: 35px;
  color: white; }

#sec-primary-blog {
  padding-top: 61px; }
  #sec-primary-blog .entry-title {
    margin-bottom: 32px !important;
    font-size: 44px;
    line-height: 44px; }
  #sec-primary-blog .entry-meta {
    font-size: 16px;
    margin-top: 0.5em; }
    #sec-primary-blog .entry-meta .reading-time {
      display: none; }
    #sec-primary-blog .entry-meta .sep {
      display: none; }
    #sec-primary-blog .entry-meta .posted-on::after {
      margin-left: 7px;
      content: ""; }
  #sec-primary-blog figure.wp-caption {
    overflow: hidden;
    max-width: 1136px !important;
    width: 100% !important;
    max-height: 601px !important;
    height: 100% !important; }
    #sec-primary-blog figure.wp-caption picture,
    #sec-primary-blog figure.wp-caption img {
      max-width: 1136px !important;
      width: 100% !important;
      max-height: 601px !important;
      height: 100% !important;
      object-fit: cover; }
  #sec-primary-blog .entry-content {
    margin-top: 67px; }
  @media screen and (max-width: 1025px) {
    #sec-primary-blog .entry-title {
      font-size: 30px; } }

#sec-recent-blogs {
  padding-bottom: 124px; }
  #sec-recent-blogs .card {
    border: 9px;
    box-shadow: 0px 3px 6px #00000029; }
    #sec-recent-blogs .card .img-wrap {
      height: 240px;
      overflow: hidden;
      border-top-left-radius: 9px;
      border-top-right-radius: 9px; }
      #sec-recent-blogs .card .img-wrap picture, #sec-recent-blogs .card .img-wrap img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 250px;
        max-width: 100% !important;
        transition: all 0.2s linear; }
      #sec-recent-blogs .card .img-wrap:hover picture, #sec-recent-blogs .card .img-wrap:hover img {
        transform: scale(1.05, 1.05);
        transition: all 0.2s linear; }
    #sec-recent-blogs .card .card-body {
      margin-top: 41px;
      padding: 0 43px 45px; }
      #sec-recent-blogs .card .card-body h5 {
        margin-bottom: 16px; }
        #sec-recent-blogs .card .card-body h5 a {
          font-size: 20px;
          line-height: 27px;
          color: #1C1C1C;
          margin: 0; }
      #sec-recent-blogs .card .card-body .entry-meta .posted-on {
        color: #606060;
        line-height: 28px; }
      #sec-recent-blogs .card .card-body .entry-meta .sep,
      #sec-recent-blogs .card .card-body .entry-meta .reading-time {
        display: none; }
      #sec-recent-blogs .card .card-body .card-text {
        line-height: 28px; }
      #sec-recent-blogs .card .card-body a {
        display: block;
        margin-top: 24px;
        width: fit-content; }
    #sec-recent-blogs .card .card-title {
      margin-top: 0; }
    #sec-recent-blogs .card .posted-on {
      margin-bottom: 0.75em;
      display: block; }
      #sec-recent-blogs .card .posted-on i {
        font-size: 13px; }
    #sec-recent-blogs .card .card-footer .btn {
      margin-top: 0; }
  #sec-recent-blogs .btn-primary {
    width: fit-content;
    height: fit-content; }