:root {
  --menu-height: 40px;
}
menu > ul,
header > span,
.site-container {
  width: 100%;
  max-width: var(--body-container);
  margin: 0 auto;
}
/* body{padding-top:var(--menu-height);} */
.mobile-only {
  display: none !important;
  visibility: hidden;
  content-visibility: hidden;
}
.iklan-skin {
  position: absolute;
  top: calc(2 * var(--size-3));
  left: 0;
  width: 100%;
  height: calc(100% - (var(--menu-height) + var(--section-space)));
  display: flex;
  justify-content: center;
}
.iklan-skin > span {
  width: 100%;
  max-width: var(--body-container);
  display: flex;
  justify-content: space-between;
}
.iklan-skin-box {
  width: 160px;
  height: 600px;
  display: flex;
  position: sticky;
  z-index: 10000;
  top: calc(2 * var(--size-3));
}
.iklan-skin-kiri {
  justify-content: flex-end;
  margin-left: -175px;
}
.iklan-skin-kanan {
  justify-content: flex-start;
  margin-right: -175px;
}
.iklan-billboard {
  margin-top: var(--size-3);
  position: relative;
}
.content-iklan-billboard {
  width: 970px;
  position: relative;
  z-index: 10;
}

.site-container-2column {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-column-gap: calc(2 * var(--section-space));
  position: relative;
}
.scs-sticky {
  position: -webkit-sticky;
  position: sticky;
  padding-bottom: 0.1px;
}

menu {
  position: sticky;
  z-index: 99;
  top: -1px !important;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
}
menu.isSticky,
menu > ul {
  background-color: var(--bg-red);
}
menu > ul {
  display: flex;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
menu > ul:before,
menu > ul:after {
  content: none;
}
menu > ul > li {
  position: relative;
  flex-grow: 1;
  vertical-align: top;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.menu-link {
  height: var(--menu-height);
  color: #fff;
  font-size: 12px;
}
.live-button {
  color: #fff;
}
.menu-curr .live-button {
  color: var(--font-link-tertiary) !important;
}
.menu-search-button {
  font-size: 18px;
}
.menu-profile-button {
  --profile-size: 20px;
}

header {
  padding: calc(2 * var(--size-3)) 0 var(--size-3);
}
header > span {
  position: relative;
  z-index: 2;
}
header > span .header-logo {
  padding: 0;
  margin: 0;
  width: 227px;
  justify-content: flex-start;
}
header > span .header-logo img,
.header-logo .svgicon {
  height: 21px;
  margin-left: 0;
}

.site-container-big,
.site-container-small {
  position: relative;
}
.site-container-big .article-list-thumb:before,
.site-container-big .alt-link:after {
  padding-top: 56.25%;
}
.site-container-big .article-list-row {
  grid-template-columns: 213px 1fr;
}
.site-container-big .ali-desc {
  display: -webkit-box;
  margin-top: 5px;
}

.site-container-small .slot-iklan-lastright iframe {
  margin-bottom: 30px;
}

.site-container-big .article-list-container .vlt-duration {
  position: static;
  margin-bottom: 5px;
}

.video-frame-box {
  position: absolute;
}

.sticky-bottom {
  height: 90px;
  bottom: 0;
}