cms_templates/listofinformation/css/blogs.css

/* .site-section {
  padding: 2.5em 0; } */
  @media (min-width: 768px) {
    .site-section {
      padding-top: 1em; } }
  .site-section.site-section-sm {
    padding: 4em 0; }

.section-heading h2 {
  font-weight: 700;
  color: #000; }


/* Blocks */
.container {
  max-width: 1200px; }

.muted, .entry2 p {
  color: #333; }

.site-cover {
  background-size: cover;
  background-position: top center;
  position: relative; }
  .site-cover.overlay:before {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .site-cover, .site-cover .same-height {
    padding: 7em 0; }
  .site-cover .post-entry .post-meta {
    color: #fff;
    font-size: 13px; }
    .site-cover .post-entry .post-meta .author-figure img {
      width: 30px;
      border-radius: 50%; }
  .site-cover .post-entry h2 {
    font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2rem;
    line-height: 1.2;
    color: #fff; }
    @media (min-width: 992px) {
      .site-cover .post-entry h2 {
        font-size: 3rem; } }
    .site-cover .post-entry h2 a {
      color: #fff; }
  .site-cover.single-page h1 {
    font-size: 2rem;
    color: #fff; }
    @media (min-width: 992px) {
      .site-cover.single-page h1 {
        font-size: 5rem; } }
    .site-cover.single-page h1 a {
      color: #fff; }

.post-meta {
  font-size: 13px;
  color: #b3b3b3; }

.post-sm-entry figure {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px; }
  .post-sm-entry figure img {
    max-width: 100%;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }

.post-sm-entry h2 {
  font-size: 1rem;
  line-height: 1.4;
  font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #000; }

.post-sm-entry:hover img {
  opacity: .5; }

.post-category {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  letter-spacing: .2em;
  font-weight: 700;
  font-size: .6rem;
  text-transform: uppercase; }

.bg-image2, .retro-layout .img-1, .retro-layout .img-2 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

@media (max-width: 767.98px) {
  .retro-layout .img-1 {
    height: 400px !important;
    position: relative;
    margin-bottom: 30px; } }

.retro-layout .mb30 {
  margin-bottom: 30px; }

.retro-layout .hentry {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden; }

.retro-layout .gradient {
  position: relative; }
  .retro-layout .gradient:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }

.retro-layout .post-category {
  margin-left: 20px;
  margin-top: 10px; }

.retro-layout .v-height {
  height: 300px; }

.retro-layout .text {
  position: absolute;
  bottom: 0;
  z-index: 10;
  padding: 20px;
  max-width: 350px; }
  .retro-layout .text h2 {
    color: #fff;
    font-size: 26px; }
  .retro-layout .text span {
    color: rgba(255, 255, 255, 0.5); }
  .retro-layout .text.text-sm h2 {
    font-size: 18px;
    line-height: 1.5; }

.entry2 img {
    margin-bottom: 20px;
}

.entry2 h2 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700; }
  .entry2 h2 a {
    color: #000; 
/*    word-break: break-all;*/
  }
  .latest-post{
    max-height: 150px;
    min-height: 150px;
    object-fit: fill;
    border: 1px solid #eee;
    width: 100%;
}  




.feature-post{
    max-height: 200px;
    min-height: 200px;
    object-fit: fill;
    border: 1px solid #eee;
    width: 100%;
}  

/*    .entry2 .img-fluid {
      height: 200px;
      width: 230px;
    }*/

.entry2 .excerpt {
  padding-left: 0px;
  padding-right: 0px; 
}

.entry2 .post-meta {
  color: #b3b3b3;
  font-size: 13px;
  width: 100%;
  display: block; }
  .entry2 .post-meta a {
    color: #000; }
  .entry2 .post-meta .author-figure img {
    width: 30px;
    border-radius: 50%; }

.entry3, .entry4 {
  margin-bottom: 30px; }
  .entry3 .text h2, .entry4 .text h2 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700; }
    .entry3 .text h2 a, .entry4 .text h2 a {
      color: #000; }
  .entry3 .figure, .entry4 .figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 1; }
  .entry3:hover figure, .entry3:focus figure, .entry4:hover figure, .entry4:focus figure {
    opacity: .5; }

.entry4 {
  margin-bottom: 30px; }
  .entry4 .text h2 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700; }
    .entry4 .text h2 a {
      color: #000; }
  .entry4 .figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px; }