.loadingScreen {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100vh;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-hover:hover, .text_nav:hover{
  color:#684DF4;  
}
.text-hover{
  cursor: pointer;
  font-weight: 600;
}
.artikel-title{
  font-size:0.8rem;
}
.datetime_artikel{
  font-size:0.8rem;
  color:#666666;
}
.text_nav{
  color:#666666;
  font-size: 0.8rem;
  cursor:pointer;
}
.sisi2_{
  margin-bottom:16px;
  text-align:right;
}
.gradient_text{
  background: linear-gradient(to right,  
          #684DF4, #F44335 , #684DF4); 
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text; 
}
.list_tema{
  margin-right:10px;
  /* background-image:linear-gradient(100deg,#21409a 50%,#5699f3 100%); */
  border-radius:5% 5% 5% 5%;
  /* filter: drop-shadow(8px 8px 10px gray); */
  box-shadow: 0 calc(8px / 2) 8px 0 rgba(0, 0, 0, 0.15);
}
.bg-theme{
  background-color:#684DF4;
}
.img{
  transition: transform 0.3s ease-in-out;
}
.img:hover{
  transform: scale(1.02);
}
.img_kecil:hover{
  transform: scale(1.1);
}


.foto_penulis{
  height:120px;
  background-size:cover;
  background-position:center 20%;
  border-radius:5%;
  /* filter: drop-shadow(8px 8px 10px gray); */
  box-shadow: 0 calc(8px / 2) 8px 0 rgba(0, 0, 0, 0.15);
}
.foto_penulis_grid{
  height:140px;
}
 :root{
  --loading-grey: #ededed;
 }
 
 .skleton_loading{
  border-radius: 4px;
  height: auto;
  min-height: 120px;
  background-color: var(--loading-grey);
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, 0) 60%
  ) var(--loading-grey);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
 }
 @keyframes loading{
  to {
    background-position-x: -20%;
  }
 }
.text-red{
  color:#F44335;
}
.text-bold{
  font-weight: 700 !important;
}
.text-purple{
  color:#684DF4;
}
.line-height-3{
  line-height: 30px;
}
.fn-sz-1{
  font-size: 0.8rem;
}
.fn-sz-sm{
  font-size: 0.7rem;
  font-weight: 400;
  color: black;
}
.fn-sz-md{
  font-size: 1rem;
}
.artikel-read-text{
  font-family: arial;
  color:black;
}
.flyer_theme{
  min-height:200px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:5% 5% 0 0;
}
.badge-text{
  font-size:0.7rem;
  float:right;
}
.bg-red{
  background-color:#F44335;
}

.arunika_top_mob{
  position:static;
  width:15% !important;
  scale:1.7;
}

@media only screen and (max-width: 430px) {
  .siganis_logo{
    width: 30% !important;
    left: 48% !important;
    top: 83% !important;
    z-index: 99;
  }
  .arunika_logo{
    width: 20% !important;
    left: 75% !important;
    top: 78% !important;
    z-index: 99;
  }  
  .position-relative{
    left:0% !important;
  }
  .lead{
    font-size: 0.9rem !important;
  }
  .text-arunika{
    display:none;
  }
  .logo-top{
    width:73%;
  }
  
  .inline-view{
    width:auto !important;
  }
  .artikel-title{
    font-size:0.8rem;
  }
}


@media only screen and (min-width: 431px) and (max-width: 700px) {
  .siganis_logo{
    width: 20% !important;
    left: 55% !important;
    top: 83% !important;
    z-index: 99;
  }
  .arunika_logo{
    width: 12% !important;
    left: 75% !important;
    top: 78% !important;
    z-index: 99;
  }
  .position-relative{
    left:0% !important;
  }
  .lead{
    font-size: 0.9rem !important;
  }
  
  .inline-view{
    width:auto !important;
  }
  .foto_penulis{
    /* height:250px; */
    background-position: top;
  }
  .artikel-title{
    font-size:0.8rem;
  }
}

@media only screen and (min-width: 100px) and (max-width: 991px) {
  .foto_penulis, .skleton_loading{
    width: 30%;
  }
  .text-judul{
    width:70%;
    padding-left:2% !important;
  }
  .artikel-title{
    font-size:0.8rem;
  }
}


.arunika_logo{
  width:10%;
  position:absolute;
  left:23%;
  top:18%;
  filter:drop-shadow(8px 8px 10px purple)
}
.siganis_logo{
  width:15%;
  position:absolute;
  left:8.5%;
  top:28%;filter:drop-shadow(8px 8px 10px purple)
}
.arunika_top{
  position:static;
  width:15%;
  scale:1.2
}
.btn-mob-100{
  width: 100%;
}
.logo-top{
  width: 70%;
}
.text-hover-red:hover{
  color:red;
}
.text-hover-pink:hover{
  color:pink;
}
.btn-outline-info{
  border:1px solid #1A73E8;
  color:#1A73E8;
}

.f_lat_ar_img_mob{
  width: 100% !important;
  height:200px;
}
.f_lat_ar_txt_mob{
  width: 100% !important;
}
/* .padding_lat_ar_mob{
  padding:3% 0 0 0 !important;
} */

.lat_ar_txt_mob, .lat_ar_img_mob{
  width:100% !important;
}
.lat_ar_img_mob{
  height: 110px;
}
.h_lat_ar_mob{
  width: 50%;
  padding-left: 5%;
}
.artikel_title_mob{
  font-size:14px;
}