.module {
    position: relative;
  }

.minpght{
   min-height: 1000px;
}

  .module .collapse, .module .collapsing {
    height: 7rem;
  }

  .module .collapse {
    display: block;
    overflow: hidden;
  }

  .module .collapse.show {
    height: auto;
  }


  .read-more {
    opacity: 1;
    transition: all .3s linear;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

    background-image: linear-gradient(to bottom, transparent 40%, white);
  }

  .read-more:not(.collapsed) {
    opacity: 0;

  }

  .module {
    position: relative;
  }

  .module .collapse, .module .collapsing {
    height: 7rem;
  }

  .module .collapse {
    display: block; 
    overflow: hidden;
  }

  .module .collapse.show {
    height: auto;
  }


  .read-more {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;

    // 60% is where it should start the transition from transparent to white, increase it if you want to show more of your text
    background-image: linear-gradient(to bottom, transparent 60%, white);

    // The opacity and transition is just to smooth out the effect 
    opacity: 1;
    transition: all .3s linear;
  }

  .read-more:not(.collapsed) {
    opacity: 0;
    // If you want to make the clickable area disapear once it is open, change the visibility to hidden:
    /* visibility: hidden; */
  }

.news-title {
color: #5c407a;
font-size: 1.25rem;
font-weight: 300;  
}
.yrbtns {
    list-style: none;
    padding-left: 0;
}

.loader {
    position: absolute;
    left: 40%;
    top: calc(100vh - 479px);
}

.yrbtn {
    display: inline-block;
    cursor: pointer;
}

    .yrbtn a {
        padding: 5px 10px;
        border: 1px Solid #ccc;
    }

        .yrbtn:hover, .yrbtn a:hover {
            background: #634eb1;
            color: #fff;
        }

.yrsel, .yrsel a {
    background: #8562ec;
    color: #fff !important;
}