/*
* =====================
* Home Page
* =====================
**/

/*
* ===============
* Breaking News
* ===============
**/
.breaking-news {
  /*border-bottom: 1px solid #ccc;*/
  margin-bottom: 25px;
}
.breaking-news:last-of-type {
  border-bottom: 0;
}

.breaking-news .sub-title{
  position: relative; /* This is important */
  margin: 1.5em 0 .9em;
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: bolder;
  text-align: center;
  overflow: hidden; /* This is important */
  color: #3f51b5;
}
.breaking-news .sub-title:before,
.breaking-news .sub-title:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 50%;
  height: 0.9px;
  display: inline-block;
  background-color: #ff5722;
}
.breaking-news .sub-title:before{
}
.breaking-news .sub-title:before {
  margin-left: calc(-50% - 14px);
}
.breaking-news .sub-title:after {
  margin-left: 14px;
}

.breaking-news .title {
  text-align: center;
  font-size: 58px;
  font-weight: bold;
  margin: 10px auto;
}

.breaking-news .title a {
  color: #575858;
}

.breaking-news .title a:hover {
  color: #3f51b5;
  cursor: pointer;
}

.breaking-news .author {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.2em;
  color: #8a9397;
}

.breaking-news .cover-image {}

.breaking-news .excerpt {
  text-align: center;
  padding: 25px 0;
  font-size: 1.2em;
}

@media (max-width: 767.98px) {
  .breaking-news .title {
    font-size: 28px;
    margin: 10px auto;
  }

  .breaking-news .excerpt {
    text-align: justify;
    font-size: 1.1em;
  }
}

/*
===============
* Epaper Section
===============
**/
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-back a {
  transform: rotateY(90deg;);
}
.flip-card-inner .overlay{
  position: relative;
}
.flip-card-inner .overlay .title{
  position: absolute;
  bottom: 0;
  background-color: rgba(41, 84, 156, 0.97);
  color: #fff;
  width: 100%;
  padding: 10px 15px;
  font-size: 18px;
}
.flip-card-inner .flip-card-front img{
  width: 300px;
  height: 300px;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}