/*** START of Css Public Mobile ****/
/*FIXING Instagram Embed*/
.instagram-media {
  margin-bottom: 25px !important;
}
/*EOF Instagram Embed*/
img.article-content-body__partner {
    max-width: 100px;
}
/*fixing logo partner*/

/*end of fixing logo partner*/
iframe[id*='google_decrypt_frame'] {
  margin: 0 auto;
}
.infinite_ad {
  padding-bottom: 30px;
  border-top: 1px solid #f1f1f1 !important;
  
  padding-top: 30px;
  border-width: 1px 0 0;
}


/*custom for native out temporary*/
.channel-ad_ad-no {
  padding: 0px!important;
}

/*custom seamles*/
.newsletter_mobile-channel-page {
  height: 170px !important;
}

/* native out */
.NATIVEOUT {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

/* recommendation */
#recommendation-list {
  height: 205px;
}
/*** END of Css Public Mobile ****/

/*** START of [DELETE SOON] [#162749989] border radius partner logo mobile ****/
body.mobile .article-header__partner-logo {
  border-radius: 50%;
}
/*** END of [DELETE SOON] [#162749989] border radius partner logo mobile ****/

/*** START of [#179666548] overflow text ****/
.article-content-body p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
/*** END of [#179666548] overflow text ****/

/*** START of [#180204918] Add Height Placeholder gateway ****/
.article-content-body__item-title {
/*     margin: 0px 0 20px 0; */
}


.article-popular--numbered__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  max-height: 63px !important;
}

/*
.yeah {
  display: none;
}

/* .article-content-body__item-title {
    margin: 25px 0px 20px 0px;
}
 */

 

/* .article-content-body__break {
    min-height: 120px;
} */
/*** END of [#180204918] Add Height Placeholder gateway ****/

/*** START of [#184456819] Issue Banner Masthead ****/
.layout__ads {
  z-index: 5;
}
/*** END of [#184456819] Issue Banner Masthead ****/

/*** START of [TEMP] custom gateway smartsearch ****/
.header-title {
  font-size:1rem;
  padding-left: 0.5rem;
}
.question-list li span{
  color: #21589D;
  font-size:1rem;
}
/*** END of [TEMP] custom gateway smartsearch ****/

/*** START of PPI-1146 Fix Lagi Diskon Iframe - Mobile ****/
.article-content-body iframe.product-widget-iframe {
  width: 100%;
  height: 390px;
  aspect-ratio: 16/9;
  border: 0;
  display: block;
}

@media (max-width: 768px) {
  .article-content-body iframe.product-widget-iframe {
    aspect-ratio: 9/16;
    height: 665px;
  }
}
/*** END of PPI-1146 Fix Lagi Diskon Iframe - Mobile ****/

/*** START of Add Margin On Comment Gateway Readpage - Mobile ****/
.comment-page-gateway__body__title {
    margin-bottom: 1rem;
}
.article-popular {
    margin-top: 1rem;
}
.article-popular--list {
    margin-top: 0.5rem;
}

.header--collapsed__menu{
	padding-inline: unset;
}
.header--collapsed__menu__break{
	margin-inline: unset;
}
.header--collapsed__menu__link{
	padding-inline: calc(var(--spacing) * 4);
}
ul.summary__list {
  list-style: disc;
}
.article-raw-content ol, .article-raw-content ul {
  list-style: auto;
}
/*** END of Add Margin On Comment Gateway Readpage - Mobile ****/

/*** START of [ADS] Additional style for banner ****/
/*WALLBOARD POSITION*/
.wallboard-survey{
  margin-left:-14px;
  left:0;
}

img.wallboard_img {
    max-height: unset;
    max-width: unset;
}

/*OTP HIDE NAVBAR*/
.gam-otp-hide-navbar{
  z-index: 0 !important;  
}

/* GAM INFINITE SHOWCASE */
.gam-infinite-sc-container{
  width:300px;
  height:250px;
  margin:0 auto;
}

/* BOTTOMFRAME ADS */
#footer{
	padding-bottom:100px !important;
}

/* BACK TO TOP*/
.gamBackToTop{
	bottom: 120px !important;
}

.article-ad.article-ad_ad-ba div#div-gpt-ad-liputan6-sc-cont #wallboard {
    width: calc(100% + 42px);
}

.share-main.share-main__hanging {
  background : #ffffff !important;
}

#wallboard-div-gpt-ad-liputan6-sc-cont{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

@media only screen and (min-width: 720px) {
    .dfp-bframe-cont{
        left: unset !important;
      	max-width:720px !important;
    }
}

/* #div-gpt-ad-mgid-inarticle-placeholder, 
#div-gpt-ad-mgid-underarticle-placeholder{
  display: none !important;
} */
/* ADVERTISEMENT - STYLE */
div.advertisement-text p {
    font-family: inherit !important;
    color: #333 !important;
}
/*** END of [ADS] Additional style for banner ****/

/*** START of [TEMP] Background and foreground colors do not have a sufficient contrast ratio ****/
.breadcrumb--item:last-child>a>span {
    color: #333;
}
.article-header__author-link {
    color: #205699;
    font-weight: 600;
}
.article-raw-content p>b {
    color: #333;
    font-weight: 600;
}
.article-share__button, .article-share__comment {
    color: #333;
}
.boost-video__main-box-logo-text{
    color: #333;
}
.article-header__authors, .article-header__datetime {
    color: #333;
}
.header--submenu__item.--active .header--submenu__link {
    color: #205699;
}
.gateway-pagination__preview{
  color: #205699 !important;
}
/*** END of [TEMP] Background and foreground colors do not have a sufficient contrast ratio ****/

/*** START of [PPI-742] Fix Spacing Paragraph - Mobile ****/
.article-raw-content ol, .article-raw-content ul {
   	margin-bottom: 15px; 
  	font-size: 16px;
    padding-left: 30px;
}
/*** END of [PPI-742] Fix Spacing Paragraph - Mobile ****/

/*** START of [GPT] hide beacon.js tracker image ****/
.article-photo-gallery--item[data-image*="https://beacon.krxd.net/event.gif"] {
  display: none;
}
/*** END of [GPT] hide beacon.js tracker image ****/

/*** START of [#188366335] Visual Adjusment Halaman Detail Mobile ****/
.article-header__short-description {
  font-size: 15px;
}


.article-content-body__break {
	height: 10px;
}

.article-content-body__item-title {
  font-size: 20px;
}
/*** END of [#188366335] Visual Adjusment Halaman Detail Mobile ****/

/*** START of [Bug] mobile article-video-gallery item ****/
/* adjustment for video gallery article  */
/* .article-video-gallery--item.article-video-gallery--item_normal iframe{
  height: 54vw;
} */
/*** END of [Bug] mobile article-video-gallery item ****/

/*** START of [URGENT] set z-index google tap in ****/
#credential_picker_iframe {
    z-index: 99999 !important;
}
/*** END of [URGENT] set z-index google tap in ****/