/*pemuda olahraga  */
#js-removepop{}
.popup{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.popup__container{}
.popup__inner{
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  width: 92%;
}
.popup__overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
}

.popup__inwrap{
  z-index: 999;
}
.popup__inner a{}
.popup__inner img{
  width: 100%;
}
.modalpop__close{
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: #fff;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}



.infogwidget__text{overflow: hidden; max-height: 65px;}
.menu ul li a{white-space: nowrap;}

.xswiper-topbanner .xslide-img:before{content: none}
.detail__content p a {
    background: #0a4ea2;
    padding: 5px 10px;
}

/*2021*/
.detail__content ol {
    list-style: decimal; 
    margin-left: 20px;
}
.detail__content ol li {
margin-bottom:7px;
padding-left:3px;
}
.detail__content table td {
    border: 1px solid #212121;
    padding: 5px 12px;
}
.detail__content table p {
    margin-bottom: 0;
}

.detail__content ul {
    list-style: disc;
    margin-left: 25px;
    margin-top: 5px;
}

.detail__content ul li {
  margin-bottom:5px;
}
.detail__content ol a, .detail__content ul a {
    background: #0a4ea2;
    padding: 2px 6px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 12px;
}

/*paragames2022 */

:root {
  --paracolor: #9445a1;
  --paracolordark: #7e16a1;
}

/* body { background-color: var(--blue); } */
  .paralympic .mainmenu__nav,
  .paralympic .cate,
  .paralympic .hlm-title-blueborder:before
  {
    background-color: var(--paracolor);
  }

  .paralympic .newsrow__img
  {
    background-color: var(--paracolordark);
    border-left: 10px solid var(--paracolordark);
  }


  .paralympic .hlm-more:before, 
  
  .paralympic .menu ul li.has-dropdown ul
  {
    background-color: var(--paracolordark);
  }

  .paralympic .bloktitle{
    background-color: var(--paracolordark);
    border-bottom-color: var(--paracolor);
  }

  .paralympic .infogwidget__text{
    border-left-color: var(--paracolor);
  }

  .paralympic .paging ul li.active a,
  .paralympic .paging ul li a:hover
  {
    background-color: var(--paracolordark);
    color: #fff;
  }

  .paralympic a:hover,
  .paralympic .linklist ul li:before
  {
    color: var(--paracolor);
  }

  .paralympic .mainmenu__sitetitle,
  .paralympic .nav-item.active,
  .paralympic .linklist ul li a
  {
    color: var(--paracolordark);
  }


  .paralympic .footer{
    background-color: var(--paracolordark);
    color: #fff;
  }
  .paralympic .footer a{color: #fff;}

  .paralympic .sosmed ul li{
    background-color: #fff;
  }
  .paralympic .sosmed ul li a{

  color: var(--paracolordark);
  }

  .paralympic .linklist ul li a {
    color: #a02da5;
}



  .paralympic .xheadline a:hover{
    color: var(--paracolor);
  }

  .paralympic .xheadline__main .xheadline__text{
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,  var(--paracolordark) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,  var(--paracolordark) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,  var(--paracolordark) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#5f3b09',GradientType=0 );

  }




  .paralympic .mainmenu__nav:before{
    background-image: none;
    background-color: var(--paracolordark);
  }

  .paralympic .menu ul li.has-dropdown a:hover,
  .paralympic .menu ul li a:hover
  {
    color: var(--paracolordark);
  }

  .paralympic .tagging ul li a {background-color: #8c00a6;}


  @media screen and (max-width:991px){
  
  .paralympic .mainmenu__sitetitle, .paralympic .nav-item.active, .paralympic .linklist ul li a{
    color: #fff;
  }

  .paralympic .mainmenu

  {
    background-color: var(--paracolor);
  }

  .paralympic .menu,
  .paralympic .menu ul li.has-dropdown ul li
  {
    background-color: var(--paracolordark);
  }

  .paralympic .menu ul li.has-dropdown ul li,
  .paralympic .menu ul li,
  .paralympic .menu ul li.has-dropdown ul{
    border-color: var(--paracolor);
    background-color: var(--paracolordark);
  }

  }


  @media screen and (min-width:991px){
  .paralympic .mainwrap {
    flex-direction: row-reverse;
  }

  .paralympic .mainwrap .maincontent{
    margin-left: 20px;
    margin-right: 0;
  }
  .paralympic .newsrow__row {
    flex-direction: row-reverse;  
  }

  .paralympic .newsrow__content {
    padding-left: 0;
    padding-right: 20px;
  }
  .paralympic .hlm-more{
    text-align: left;
    position: relative;
    display: inline-block;
  }
}

.paragames-jadwal .mainwrap{
    flex-direction: row;
}


.paragames-jadwal .mainwrap .maincontent {
  margin-left: 0px;
  margin-right: 20px;
}

.paragames-jadwal .hlm-more{
  text-align: right;
  display: block;
}

.paragames-jadwal .newsrow__row {
  flex-direction: row;
}

@media screen and (min-width: 991px){
.paragames-jadwal .newsrow__content {
    padding-left: 20px;
    padding-right: 0;
}
}


.pertandingan{
  margin-bottom: 20px;
  /* padding-bottom: 20px; */
  margin-top: 20px;
  padding-top: 20px;
  /* border-bottom: 1px dashed #cecece; */
  border-top: 1px dashed #cecece;
}

.wklas-overflow{
  max-height: 350px;
  overflow: auto;
}

.wklas-overflow .xmedal__col1 {
  width: 100px;
}

.wklas-overflow .xmedal__col2 {
  width: calc(100% - 100px)
}

.wklas-overflow .xmedal{
  margin-bottom: 0;
}

.wklas-more a{
  background-color: #8c00a6;
  color: #fff;
  padding: 10px;
  width: 100%;
  display: inline-block;

  border-radius: 10px;
  margin: 12px auto;
  text-align: center;
  margin-bottom: 0;
}

.namapertandingan{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 2px;
}
.tanding-summary{}
.tandingwrap{
  margin: 10px 0;
}

.versus{
  margin: 10px 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #cecece;
  border-radius: 5px;
  padding: 10px;
}
.versus-vs{
  font-size: 24px;
  font-weight: bold;
  width: 20%;
  text-align: center;
}

.versus__col{
  width: 40%;
  display: flex;
  flex-direction: column;
  /* border: 1px solid green; */
  align-items: start;
}

.versus__col:first-child {
  align-items: flex-end;
}
.versus__negara{
  font-weight: bold;
}
.versus__flag{

  display: block;
}
.versus__flag img{
  width: 40px;
  height: 40px;  
  object-fit: cover;
}

.versus__col:first-child .versus__atlet {
  text-align: right;
}
.versus__namanegara{}
.versus__atlet{text-align: left;}
.versus__atletlist{
  font-size: 14px;
  display: block;
}


.tandingtable{
  display: flex;
  margin-bottom: 5px;
}
.tandingtable__titik2{margin: 0 10px;}
.tandingtable__col{
  flex-shrink: 0;
}

.tandingtable__col:first-child{
  font-weight: bold;
  width: 120px;
}



.tandingtable__winwrap{
  display: flex;
    align-items: center;
    font-weight: bold;
    /* font-style: italic; */
}

.tandingwinner{}

.tandingtable__medal img {
  width: 17px;
  margin-right: 5px;
}


.xmedal{
  margin-bottom: 40px;
}
.xmedal__header{
  /*background: #8c00a6;*/
  color: #fff;
  font-weight: bold;
}

.xmedal__header .xmedal__col {
 background: #8c00a6;
 
}


.xmedal__row{
  display: flex;
}
.xmedal__col{
  flex-shrink: 0;
  border-bottom: 1px solid #cecece;
  padding: 5px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
} 
.xmedal__col1{width:100px;}
.xmedal__col2{width:35%;justify-content: start;flex-grow: 1;}
.xmedal__col3{width: 11.25%;}



.xmedal__body{}
.xmedal__body .xmedal__col2{
  display: flex; align-items: center; 
  text-align: left;
  
}

.xmedal__col2 img{
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.xmedal__col2 span{
  display: block;
  width: 100%;
}

.xmedal__header .xmedal__col3 img{width: 20px; display: none; margin: 0;}
.xmedal__header .xmedal__col3 span{display: block;}

@media screen and (max-width:991px){

.paragames-jadwal .mainwrap {
  flex-direction: column;
}
}


@media screen and (max-width:767px){
  .xmedal__header .xmedal__col3 img{display: block;}
  .xmedal__header .xmedal__col3 span{display: none;}
  .xmedal__col2 img {
    width: 20px;
    height: 20px;
  } 
  .xmedal__row{font-size: 13px;}

  .versus{flex-direction: column;}
  .versus__col:first-child,.versus__col {
    align-items: center;
    margin-bottom: 12px;
  }
  .versus__col:first-child .versus__atlet,.versus__col .versus__atlet{
    text-align: center;
  }
  .versus-vs{margin-bottom: 10px;}
  .paragames-jadwal .newsrow__row {
    flex-direction: column;}
    .xmedal__col1{width: 70px}

}


/* //XXXXXXXX */
.gen-content h2{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.gen-content h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.gen-content p {
  margin-bottom: 12px;
  line-height: 1.6;
}


.offdetail{}
           
.offdetail__top{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}



.offdetail__foto{
 
  flex-shrink: 0;
  width: 180px;
}
.offdetail__foto img{
  object-fit: cover;
  border-radius: 100%;

  height: 100%;
  width: 100%;
}

.offdetail__text{}


.offdetail__nama{}
.offdetail__col{
  padding-left: 20px;
  display: flex;
  font-size: 16px;
}
.offdetail__col span:nth-child(1){
  font-weight: bold;
  width: 140px;
  flex-shrink: 0;
}
.offdetail__col span:nth-child(2){
  flex-shrink: 0;
  width: 20px;
  text-align: center;

}
.offdetail__col span:nth-child(3){

}

.offdetail__jabatan{}
.offdetail__ttl{}

.offdetail__bottom{}
.offdetail__deskripsi{
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cecece;
}
.offdetail__deskripsi h3{}
.offdetail__deskripsi ul{}

.offdetail__laporan{}
.offdetail__laporan-title{font-weight: bold;}
.offdetail__laporan ul{}

@media screen and (max-width:767px){
  .offdetail__top{flex-direction: column;}
  .offdetail__foto{margin-bottom: 7px;}
  .offdetail__col{flex-wrap: wrap; padding-left: 0; font-size: 14px; margin-bottom: 5px;}
  .offdetail__col span:nth-child(1){width: auto;}
  .offdetail__col span:nth-child(3){width: 100%;}
  .gen-content h3, .gen-content {
    font-size: 14px;
  }
  .offdetail__deskripsi ul {
    margin-top: 0;
  }
  .offdetail__deskripsi h3 {
    margin-bottom: 2px;
  }
  .offdetail__top{
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
  }
}

/*menu 3rd child */
menu ul li.has-dropdown ul {padding: 0;margin: 0;}
.menu ul li.has-dropdown ul a {padding: 10px;}
.menu ul li.has-dropdown ul li {padding: 0;margin: 0;}
.menu ul li.has-dropdown:hover ul li.has-dropdown2 ul {display: none;background: #042c5d;}
li.has-dropdown2 {position: relative;}
.menu ul li.has-dropdown ul:hover li.has-dropdown2:hover ul {
  display: flex;
  left: 100%;
  top: 0;
}
.has-dropdown2 ul {display: none;}
.has-dropdown2 ul li a {white-space: normal;width: 150px;}

@media screen and (max-width:991px) {
  .menu {
    height: 80vh;
    min-height: 400px;
  }
  .menu ul li.has-dropdown ul:hover li.has-dropdown2:hover ul {left: 0; display: none;}
  .has-dropdown2 ul li a{width: 100%;}
  .menu ul li.has-dropdown:hover ul {
  display: none;
  }

}

@media screen and (max-width:767px) {
  .menu ul li.has-dropdown ul li {margin-left: 15px;}
}

.mainmenu__logo img {
    width: 100%;
    max-width: 90px;
}
.mainmenu__logo {
    padding-left: 40px;
}
/*END menu 3rd child */