@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap');
/* Heading Style     */


.blog-heading {
        font-family: 'Lora', serif;
        font-size: 35px;
        font-weight: 600;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .blog-content {
        font-family: 'Open Sans', serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 2;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blog-badge {
        padding: 20px 0px 0px 0px;
    }

    .blog-badge span {
        background-color: #F2AA4CFF;
        padding: 10px 10px 10px 10px;
        font-family: 'Lora', serif;
    }

    .read-more-button {
        padding-bottom: 20px;
    }

    .read-more-button a {
        padding: 10px 20px 10px 20px;
        font-family: 'Lora', serif;
        border-radius: 0px;
        border-color: #F2AA4C;
        color: #F2AA4C;;
    }

    .read-more-button a:hover {
        background-color: #F2AA4C;
        border-color: #F2AA4C;
    }

    .blog-card {
        padding: 20px 0px 20px 0px;
    }

    .container-fluid {
        padding: 0px 0px 0px 0px;
    }

    .card-img-top {
        object-fit: cover;
        object-position: center;
        height: 400px;
    }


    /* Navbar */

    .cg-navbar {
        background-color: #F2AA4CFF;
        padding: 10px 0px 10px 0px;
    }

    #nav-link {
        color: #FFFFFF;
        margin-right: 20px;
        font-family: 'Lora', serif;
        font-size: 16px;
    }


    /*
 * Footer
 */
.blog-footer {
    padding: 20px 0px 20px 0px;
    color: #FFFFFF;
    text-align: center;
    background-color: #F2AA4C; 
  }

  .blog-footer p:last-child {
    margin-bottom: 0;
  }

  .blog-footer a {
    color: #FFFFFF;
  }


  .cg-jumbotron {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 150px 0px 150px 0px;
      box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.5);
  }

  .cg-single-post-heading {
    font-family: 'Lora', serif;
    font-size: 35px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #FFFFFF;
}

    a {
        color: #F2AA4C;
    }

    a:hover {
        color: #F2AA4C;
    }