/******************************************************************
    01. News - pcs_pcmloop_news_grid.php
*******************************************************************/

.post-image.vertical{
    aspect-ratio: 2 / 3;
}

.post-image.horizontal{
    aspect-ratio: 4 / 3;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.clamped {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}
.fade-out {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -ms-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   pointer-events: none;
}

.column-white .fade-out{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -ms-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   pointer-events: none;
}

.column-grey .fade-out{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -ms-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -moz-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -o-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   pointer-events: none;
}

.read-more{
    font-weight: 400;
    border-bottom: 1px solid;
}


/******************************************************************
    01. News - pcs_pcmloop_news_grid.php
*******************************************************************/

.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
  width: 40% !important;
}
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
  width: 60% !important;
}

@media all and (min-width: 768px) and (max-width: 1300px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 40% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 60% !important;
  }
}

@media all and (min-width: 480px) and (max-width: 767px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 25% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 75% !important;
  }
}

@media all and (max-width: 479px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 40% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 60% !important;
  }
}


    .post-image.horizontal.logo {
        position: relative;
    }

    .post-image.horizontal.logo .hover-image {
        display: none;
    }

    .post-image.horizontal.logo:hover .hover-image {
        display: block;
    }

    .post-image.horizontal.logo:hover img:not(.hover-image) {
        display: none;
    }