@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  background: #10171d;
}
body {
  /* background-color: #e6e6e6; */
  background: #10171d;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  font-family: 'Roboto', sans-serif;
}
.custom-active {
  color: #000 !important;
}

.ads__onepage--right {
  position: fixed;
  z-index: 30;
  right: -11em;
  top: 0;
  bottom: 0;
  width: 170px;
}
.ads__onepage--right img {
  height: 100vh;
}
.ads__onepage--left img {
  height: 100vh;
}
.ads__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* max-height: 100vh; */
}
.ads__sticky img {
  object-fit: contain;
}
.ads__onepage--left {
  position: absolute;
  z-index: 30;
  left: -11em;
  top: 0;
  bottom: 0;
  width: 170px;
}
.nav-center {
  margin: 0 auto;
}
.news .message a:not(.button):not(.tag) {
  text-decoration: none;
}
.is-soft-box {
  box-shadow: 0px 2px 3px hsla(0, 0%, 4%, 0.1),
    0px 0px 0px 0px hsla(0, 0%, 4%, 0.1);
}
.is-no-shadow {
  box-shadow: none;
}
.tag:not(body).category {
  height: 1.5em;
  margin-top: 0.375em;
  padding: 0.8em 0.75em;
}
.most-recent.column {
  padding-left: 0rem;
}
.most-recent .box:not(:last-child),
.news-section .box:not(:last-child),
.is-left-sidebar .box:not(:last-child) {
  margin-bottom: 0.5rem;
}
.most-recent .box .column {
  padding: 0rem;
}
.most-recent .box img {
  padding: 0.5rem;
}
.most-recent .box .title {
  margin-bottom: 0.5rem;
}
img {
  object-fit: cover;
}
/*#app {*/
/*  position: relative;*/
/*  max-width: 1000px;*/
/*  width: 100%;*/
/*}*/
.mas-container {
    position: relative;
    max-width: 1000px;
    width: 100%;
}
#menus {
  /*margin-bottom: 1rem;*/
  width: 100%;
  -webkit-box-shadow: 0px 7px 9px -8px #777;
  -moz-box-shadow: 0px 7px 9px -8px #777;
  box-shadow: 0px 7px 9px -8px #777;
  z-index: 1;
}
.is-sticky {
  position: sticky;
  top: 0;
}
.share-link {
  overflow: hidden;
  width: 100%;
  height: 3em;
  position: fixed;
  bottom: -60px;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px -1px 9px 0px #7777;
  -moz-box-shadow: 0px -1px 9px 0px #777;
  box-shadow: 0px -1px 9px 0px #777;
  transition: bottom 0.4s;
  opacity: 0.95;
}
.share-link img {
  width: 100%;
}
.share-link .menu,
.share-link .menu-list {
  display: flex;
}
.share-link .menu {
  align-items: center;
  justify-content: space-between;
}
.box {
  border-radius: 2px;
}
.is-left-sidebar.column {
  padding-right: 0rem;
}
.card-content {
  padding: 1rem 0.75rem;
}
.media-content p > br:not(:last-child) {
  margin-bottom: 1.35rem;
}
.media-content p {
  line-height: 1.55rem;
  margin-top: 0.35rem;
}
.card-image > figure {
  margin: auto -1.25rem;
  cursor: pointer;
}
.news-section .box {
  padding: 0.75rem;
}
.newsss:hover p.title {
  color: #7957d5;
}
.isi-berita .media-left {
  position: -webkit-sticky;
  position: sticky;
  top: 15vh;
  margin-left: -12px;
}
.isi-berita figure {
  overflow: hidden;
}
.isi-berita .media .media-content div:not(:last-child) {
  margin-bottom: 0.75rem;
}
.isi-berita hr {
  margin: 1.5rem 0 -0.5rem 0;
}
.isi-berita h1.title:not(:last-child) {
  margin-bottom: 0.85rem;
}
.isi-berita div.tags:not(:last-child) {
  margin-bottom: 1.5rem;
}
.news-enter-active,
.news-leave-active {
  transition: all 1s;
}
.news-enter,
.news-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
.load-more {
  display: flex;
  margin: 1em 4em;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
  transition: all 0.55s ease;
}
.slide-fade-leave-active {
  transition: all 0.85s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(-10px);
  opacity: 0;
}

@media screen and (min-width: 1400px) {
  .ads__onepage--right img {
    height: auto;
  }
  .ads__onepage--left img {
    height: auto;
  }
}




/* 10 Mei 2022 By. Mas Adib */
.navbar.mas-navbar {
    background: linear-gradient(to bottom, #fe7e03, #fd7d05 42%, #f46720 58%, #c04309);
}

@media screen and (max-width: 1087px) {
  .navbar.mas-navbar .navbar-menu {
      background: linear-gradient(to bottom, #fe7e03, #fd7d05 42%, #f46720 58%, #c04309);
  }
}
.navbar.mas-navbar .navbar-item {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.navbar.mas-navbar .navbar-item:hover {
    color: #e6e6e6 !important;
    background: transparent;
}


/* 11 Mei 2022 By. Mas Adib */
#menus .navbar .navbar-brand {
    /* min-height: 74px !important; */
}

#mas-log.navbar .navbar-brand .navbar-item img {
    max-height: 74px !important;
}

.navbar-burger {
  color: #fefefe;
}
.navbar-burger span {
  left: 50%;
  height: 2px;
}
.navbar-burger span:nth-child(1) {
  margin-top: -1px;
}
.navbar-burger span:nth-child(2) {
  margin-top: -0.5px;
}

.mas-news:hover h2 {
  -webkit-line-clamp: auto;
}

/* 02/06-2022 */
/* Animations */
.shadow-drop-2-center {
	-webkit-animation: shadow-drop-2-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
	        animation: shadow-drop-2-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}
@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
}

/* #searchNews::-webkit-search-cancel-button {
    /* position:relative;
    right:20px;  
    height: 20px;
    width: 20px;
    border-radius:10px;
    color: red; */
} */