/* 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  :)  */
.rank-math-breadcrumb {
  padding: 2rem 0 0 0;
  z-index: 9;
  position: relative; }
  .rank-math-breadcrumb p a, .rank-math-breadcrumb p span {
    color: #3E3E3E;
    font-size: 16px;
    font-family: "Figtree", "Arial Narrow", "Verdana", sans-serif; }
  .rank-math-breadcrumb p .separator {
    margin: 0 10px; }
  .rank-math-breadcrumb p a:hover {
    text-decoration: underline;
    color: #EE9F16; }

.post-img {
  max-width: 1341px !important;
  max-height: 512px !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 1.5rem; }
  @media screen and (max-width: 769px) {
    .post-img {
      max-width: 100% !important;
      max-height: 300px !important; } }

.banner-img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover; }

.content-area h1 {
  color: #EE9F16;
  font-size: 40px;
  letter-spacing: 0;
  text-transform: uppercase; }
  @media (min-width: 1025px) {
    .content-area h1 {
      font-size: 50px; } }

.content-area .date {
  margin-bottom: 2rem; }
  .content-area .date i {
    color: #EE9F16; }

.content-area article {
  padding-bottom: 50px;
  border-bottom: 1px solid #7C7C7C; }

.entry-meta {
  font-size: 16px;
  margin-top: 0.5em; }

.social-share-wrapper {
  padding: 50px 0; }
  .social-share-wrapper p {
    margin-bottom: 1rem; }

/* Social Share buttons */
.share-btns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .share-btns li {
    display: block;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: 0.2s all linear;
    margin-right: 15px; }
    .share-btns li:before {
      display: none; }
    .share-btns li:last-child {
      margin-right: 0; }
    .share-btns li:hover {
      top: -3px; }

.recent-blogs {
  padding-bottom: 100px; }
  .recent-blogs h2 {
    color: #EE9F16; }
  .recent-blogs .blog-card-column {
    padding: 1.5rem; }
    .recent-blogs .blog-card-column .card {
      box-shadow: 0px 0px 6px #00000029;
      border: 0;
      border-radius: 0;
      padding: 1.5rem 1.5rem; }
      .recent-blogs .blog-card-column .card .img-wrap {
        height: 240px;
        overflow: hidden; }
        .recent-blogs .blog-card-column .card .img-wrap picture, .recent-blogs .blog-card-column .card .img-wrap img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 250px;
          max-width: 100% !important;
          transition: all 0.2s linear; }
        .recent-blogs .blog-card-column .card .img-wrap:hover picture, .recent-blogs .blog-card-column .card .img-wrap:hover img {
          transform: scale(1.05, 1.05);
          transition: all 0.2s linear; }
      .recent-blogs .blog-card-column .card .card-body {
        padding: 2rem 0 1rem 0; }
      .recent-blogs .blog-card-column .card .card-title {
        margin-top: 0;
        margin-bottom: 1.5rem; }
        .recent-blogs .blog-card-column .card .card-title a {
          color: #3E3E3E; }
      .recent-blogs .blog-card-column .card .posted-on {
        margin-bottom: 1.5rem;
        display: block;
        font-size: 18px; }
        @media (min-width: 1025px) {
          .recent-blogs .blog-card-column .card .posted-on {
            font-size: 20px; } }
      .recent-blogs .blog-card-column .card .read-more {
        text-decoration: underline;
        font-size: 20px;
        font-weight: 500;
        font-family: "Figtree", "Arial Narrow", "Verdana", sans-serif; }