@import url("https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
.news-cycle, .feature-article .right-section .title, .feature-article .left-section .title, .navigation-article .box-nav a, .article-detail .title, .card-article .card-title {
  font-family: "News Cycle", sans-serif;
}

.open-sans, .page-title .title {
  font-family: "Open Sans", sans-serif;
}

.text-yellow, .flag-category a:hover, .flag-category a:focus {
  color: #f8e71c;
}

.feature-article {
  color: #fff;
  background-color: #000;
  margin-bottom: 30px;
  padding: 30px 0;
}

.feature-article .box {
  background: no-repeat center center initial;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.feature-article .row {
  margin-left: -5px;
  margin-right: -5px;
}

.feature-article .left-section, .feature-article .right-section {
  padding-left: 5px;
  padding-right: 5px;
  text-shadow: 1px 1px 5px #000;
}

.feature-article .left-section a, .feature-article .right-section a {
  color: #fff;
}

.feature-article .left-section a:hover, .feature-article .left-section a:focus, .feature-article .right-section a:hover, .feature-article .right-section a:focus {
  color: #fff;
}

.feature-article .left-section {
  min-height: 430px;
}

.feature-article .left-section .box {
  position: relative;
  padding: 30px;
}

.feature-article .left-section .box article {
  position: relative;
  z-index: 1;
}

.feature-article .left-section .box:before {
  content: "";
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000", GradientType=0 );
  width: 100%;
  height: 70%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.feature-article .left-section .title {
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
}

@media (max-width: 768px) {
  .feature-article .left-section .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.feature-article .right-section .box {
  padding: 20px;
  margin-bottom: 10px;
  height: 140px;
  position: relative;
}

.feature-article .right-section .box:last-child {
  margin-bottom: 0;
}

.feature-article .right-section .box article {
  position: relative;
  z-index: 1;
}

.feature-article .right-section .box:before {
  content: "";
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000", GradientType=0 );
  width: 100%;
  height: 70%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.feature-article .right-section .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.feature-article .card-info * {
  color: #fff;
}

.article-info-wrap .card-info {
  font-size: 12px;
}

/*# sourceMappingURL=okta-slider-terbaru.css.map */