:root {
  --colorGold: #D7C378;
  --colorLightGold: #FEFBEF;
  --colorWhite: #FFFFFF;
  --colorLightGray: #FAFAFA;
  --colorBorderGray: #F1F1F1;
  --colorGray1: #333333;
  --colorLightGray1: #a4a4a4;
  --bs-btn-hover-color:none;
  --bs-btn-hover-bg:none;
  scroll-padding-top: 3rem;
}

body {
  /* width: 100lvw; */
  /* height: 100lvh !important; */
  /* position: relative; */
}

.il-bottom{
  position: absolute;
  margin: auto auto;
  z-index: 100;
}

/* General Start */

figcaption{
  text-align: center;
  color: var(--colorLightGray1);
}

.il-hide{
  display: none;
}

/* p{
  word-break: break-all;
} */
.il-schedule-list{
  --bs-aspect-ratio: 115%;
}

.il-article-title{
  font-weight: normal;
}

.il-content-txt{
  color: var(--colorLightGray1);
}


.navbar-toggler{
  border: none;
}

.navbar-toggler:focus{
  box-shadow: none;
}



.il-load-more-btn,.il-load-more,.il-load-more-btnn{
  border: 1px solid var(--colorGray1);
  border-radius: 0px !important;
  background: var(--colorWhite);
  padding: 10px;
  /* padding: 10px 90px; */
}

.il-load-more-btn:hover ,.il-load-more:hover, .il-load-more-btnn:hover {
  border: 1px solid var(--colorGray1);
  border-radius: 0px;
}

p {
  text-align: justify;
}
.il-general-bg , #topbanner ,#ad1{
  background-color: var(--colorLightGray);
}
.il-small-content{
  height: 60px;
  margin-bottom: 10px !important;
}

.il-article-link{
  text-decoration: none;
  color: var(--colorGray1);
}

.il-article-link:hover{
  color: var(--colorGray1);
}

.il-header-Holder{
  padding: 10px 0;
}

.il-header-Holder .il-en{
  /* font-stretch: ultra-condensed; */
  font-family: "Saira Extra Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}

.il-date{
  font-size: 10pt;
  color: var(--colorGray1);
  border-bottom: 1px solid var(--colorGold);
}

.il-index-block{ 
  padding: 25px 0;
  
}

.il-date-holder .il-month{
  font-size: 18px;
}

.il-date-holder .il-day{
  font-size: 48px;
  font-family: "Saira Extra Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.il-date-holder .il-week{
  font-size: 13pt;
}

.il-thumb-ratio{
  aspect-ratio: 16/9;
}

.il-index-header .il-en{
  font-size: 48px;
  padding: 0px;
  margin: 0px;
}

.il-index-header .il-btm{
  position: relative;
  height: 20px;
}

.il-index-header .il-tc{
  font-size: 16px;
  padding-right: 10px;
  width: fit-content;
  position: absolute;
  z-index: 99;
}

.il-index-header  .il-separator{
  top: 15px;
  height: 2px ;
  width: 100%;
  background-color: var(--colorGold);
  position: absolute;
}

.il-logo {
  max-width: 100%;
  height: auto;
  max-block-size: 40px;
}

.il-logo2 {
  padding-right: 53px;
}
.il-social {
  width: 44px;

}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
  display: none;
}
.il-article-outer{
  border: 1px solid var(--colorBorderGray);
  background-color: var(--colorWhite);
}

.il-mobile {
  list-style-type: none;
  justify-content: center;
  align-self: auto;
  display: flex;
  padding: 15px;

  
}

.il-load-more{
  /* Howard border: 1px solid var(--colorGray1);*/
  background-color: var(--colorWhite);
  color: rgb(15, 15, 15);
  padding: 10px;
  border-radius: 10px;
  font-size: 13pt;
  text-decoration: none;
  border: 1px solid var(--colorGray1);
}

.il-small-content{
  font-size: 13pt;
  color: var(--colorGray1);

}

.il-loop-content a{
  text-decoration: none;
}

.il-navbaritem{
  color: black;text-align:center
}





.il-navbutton{
  color: black !important;
  background-color:transparent !important; 
  border-color:transparent !important;
}

.il-shareItem{
  list-style-type:none;margin-left:-38px;
}



/* General End */

/* Banner Start */
#banner-holder{
  background: url(../img/background.png);
  background-size: cover;
  background-position: center;
  
  
}

#banner-holder .il-banner-bg{
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100%);
}
/* Banner End */

/* Section 1 Start */
#section1, #section1 .il-index-header .il-tc , #topBanner{
  background-color: var(--colorLightGray);
}

/* Section 1 End */

/* Section 2 Start */
#section2, #section2 .il-index-header .il-tc, #leaderboard1{
  background-color: var(--colorLightGold);
}

#section2 .il-gallery{
  border: 15px solid var(--colorGold);
}
/* Section 2 End */

/* Section 3 Start */
#section3, #section3 .il-index-header .il-tc ,#leaderboard2{
  background-color: var(--colorLightGray);
}
#section3 .il-outer{
  border: 1px solid var(--colorBorderGray);
  background: var(--colorWhite);
}
/* Section 3 End */

/* Section 4 Start */
#section4, #section4 .il-index-header .il-tc,#leaderboard3{
  background-color: var(--colorLightGray);
}
.il-athlete{
  aspect-ratio: 10/11;
}
/* Section 4 End */

/* Section 5 Start */
#section5, #section5 .il-index-header .il-tc,#leaderboard4{
  background-color: var(--colorLightGold);
}

#section5 .isPass{
  color: var(--colorLightGray1);
}

#section5 .isActive{
  color: var(--colorGray1);
}

#section5 .il-swiper-button-prev i, #section5 .il-swiper-button-next i{
  background-color: var(--colorBorderGray);
  border-radius: 50%;
  padding: 10px 13px;
}

#section5 .il-date-holder{
  margin: auto;
  padding: 10px 15px;
  width: fit-content;
  border: 1px solid var(--colorWhite);
  border-radius: 10px;
}

.swiper-slide-active .il-date-holder{
  border: 1px solid var(--colorBorderGray) !important;
  background-color: var(--colorWhite);
}

.il-schedule-holder{
  background-color: var(--colorWhite);
  border: 1px solid var(--colorBorderGray);
  padding: 20px;
}

/* Section 5 End */

/* Section 6 Start */
#section6, #section6 .il-index-header .il-tc ,#leaderboard5{
  background-color: var(--colorLightGray);
}
/* Section 6 End */


/* Athlete Details Start */

#athlete_details .il-athlete-name{
  border-left: 4px solid var(--colorGold);
  padding-left: 10px;
}

#athlete_details .il-btm{
  position: relative;
  height: 25px;
}
#athlete_details .il-tc{
  font-size: 14pt;
  position: absolute;
  background-color: var(--colorLightGray);
  z-index: 99;
  color: var(--colorGold)
}

#athlete_details .il-separator-1{
  position: absolute;
  top: 16px;
  height: 1px;
  background-color: var(--colorGold);
}

#athlete_details .il-separator-2{
  position: absolute;
  top: 16px;
  height: 2px;
  background-color: var(--colorGold);
}

#athlete_details .il-attr-header{
  color: var(--colorLightGray1);

}

#athlete_details .il-athlete-info .d-flex + .d-flex {
  border-top: 1px solid var(--colorBorderGray);
}

#athlete_details  .il-sport-list{

}


#athlete_details tbody, #athlete_details td, #athlete_details tfoot, #athlete_details th, #athlete_details thead, #athlete_details tr{
  border: none;
}


#athlete_details th{
  width: 80px;
}

#athlete_details .il-cell-info{
  color: var(--colorLightGray1);
  min-width: 100px;
}

#athlete_details .il-line{
  border-left: 1px solid var(--colorLightGray1);
}

.il-result-separator:last-child{
  display: none;
}

/* Athlete Details End */

/* Article Details Start */

.il-incontent-img{
  display: block;
  margin: auto;
}

.il-incontent-img + .il-incontent-img{
  padding: 5px 0;
}

#article_details img{
  text-align: center;
}

#article_details .img_caption{
  padding-bottom: 10px;
  color: var(--colorLightGray1);
  text-align: center;
}

#article_details .il-publishat{
  font-size: 10pt;
  color: var(--colorGray1);
}

#article_details .il-share{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#article_details .il-btm{
  position: relative;
  height: 25px;
}

#article_details .il-tc{
  font-size: 14pt;
  position: absolute;
  background-color: white;
  z-index: 99;
}

#article_details .il-separator{
  position: absolute;
  top: 16px;
  height: 2px;
  background-color: var(--colorGold);
}

#article_details .il-category{
  color: var(--colorGold);
}

#article_details .img-more {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 56px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: .3s;
  width: 100%;
}

#article_details figure{
  /* display: flex;
  flex-wrap: wrap; */
  margin-bottom: 24px;
}

.il-kf-holder{
  width: fit-content;
}

#article_details .imgs-5 .img-div {
  overflow: hidden;
  padding-top: 75%;
  position: relative
}

#article_details .imgs-5 .img-div img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%
}

#article_details .img-block {
  display: inline-block;
  position: relative
}

#article_details .imgs-5 .img-block:first-child {
  flex: 50% 0 0;
  padding: 0 2px 4px 0;
  width: 50%
}

#article_details .imgs-5 .img-block:nth-child(2) {
  flex: 50% 0 0;
  padding: 0 0 4px 2px;
  width: 50%
}

#article_details .imgs-5 .img-block:nth-child(3),.imgs-5 .img-block:nth-child(4) {
  flex: 33.3% 0 0;
  padding: 0 2px 0 0;
  width: 33.3%
}

#article_details .imgs-5 .img-block:nth-child(5) {
  flex: 33.3% 0 0;
  padding: 0 0 0 2px;
  width: 33.3%
}

#article_details .imgs-5 .img-block:nth-child(n+6) {
  display: none
}

#article_details .imgs-4 .img-block:first-child {
  flex: 50% 0 0;
  padding: 0 2px 4px 0;
  width: 50%
}

#article_details .imgs-4 .img-block:nth-child(2) {
  flex: 50% 0 0;
  padding: 0 0 4px 2px;
  width: 50%
}

#article_details .imgs-4 .img-block:nth-child(3) {
  flex: 50% 0 0;
  padding: 0 2px 4px 0;
  width: 50%
}

.imgs-4 .img-block:nth-child(4) {
  flex: 50% 0 0;
  padding: 0 0 4px 2px;
  width: 50%
}

.il-article-nav .il-nav-item{
  font-size: 10pt;
  color: var(--colorGold);
}

.il-pre{
  float: left;
}
.il-next{
  float: right;
}

.il-nav-title{
  width: 300px;
}

/* Article Details End */
/* Athlete list start */
.il-sport-type{
  color: var(--colorGold);
}
.il-athlete-item{
  background-color: var(--colorWhite);
  border: 1px solid var(--colorBorderGray);
}
/* Athlete list end */

/* Footer Style */
#footer-holder {
  background-color: #D7C378;
  font-size: 10pt;
  color: #ffffff;
}
.st-logo{
  width: 150px;
}
.video-prev-block {
  position: absolute;
  left: 0px;
}
.prev-icon {
  color: #757575;
  font-size: 26px;
  position: relative;
  top: 3px;
}
.prev-caption {
  color: #757575;
  font-size: 18px;
}
.video-next-block {
  position: absolute;
  right: 0px;
}
.next-icon {
  color: #757575;
  font-size: 26px;
  position: relative;
  top: 3px;
}




.il-gallery-holder{
  --bs-aspect-ratio: 85%;
}  

.il-media-holder{
  --bs-aspect-ratio: 65%;
}



@media only screen and (max-width: 576px) {
  .il-gallery-holder{
    --bs-aspect-ratio: 90%;
  }

  .il-media-holder{
    --bs-aspect-ratio: 85%;
  }
  .il-share{
    display: flex;
    justify-content: space-between;
  }
  .il-share li{
    display: inline-block;
  }
  .il-navbaritem{
    color: black;text-align:center;
    border-bottom: solid;
    border-color: #DDDDDD	;
    border-bottom-width: thin;
    padding-bottom: 20px;
    padding-top:20px;

  }
  #banner-holder{
    background: url(../img/background.png);
    background-size: cover;
    background-position: center;
    display: none;
    
  }

}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
  .il-gallery-holder{
    --bs-aspect-ratio: 90%;
  }

  .il-media-holder{
    --bs-aspect-ratio: 85%;
  }
  .il-share{
    display: flex;
    justify-content: space-between;
  }
  .il-share li{
    display: inline-block;
  }
  .il-navbaritem{
    color: black;text-align:center;
    border-bottom: solid;
    border-color: #DDDDDD	;
    border-bottom-width: thin;
    padding-bottom: 20px;
    padding-top:20px;
    

  }
  #banner-holder{
    background: url(../img/background.png);
    background-size: cover;
    background-position: center;
    display: none;
    
  }


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .il-gallery-holder{
    --bs-aspect-ratio: 90%;
  }
  .il-media-holder{
    --bs-aspect-ratio: 65%;
  } 
  
  .il-navbutton{
    display: none !important;
  }
  .navbar-toggler{
    padding-left:529px;
  }
  .il-navbaritem{
    color: black;text-align:center;
    border-bottom: solid; 
    border-color: #DDDDDD	;
    border-bottom-width: thin;
    padding-bottom: 20px;
    padding-top:20px;
    border-block: none;

  }
  .il-mobile{
    display: none;
  }
  #banner-holder{
    background: url(../img/background.png);
    background-size: cover;
    background-position: center;
    display: block;
    
  }
  .il-navbutton{
    display: block !important;
  }


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .navbar-nav{
    margin-left: -90px;
  }
  .il-gallery-holder{
    --bs-aspect-ratio: 70%;
  }  
  .il-media-holder{
    --bs-aspect-ratio: 65%;
  }    

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .il-share{
    display: contents;
    /* display: flex;
    justify-content: space-between; */
  }
  .il-share li{
    display: inline-block;
  }
  .il-navbaritem{
    color: black;text-align:center;
    border-bottom: solid; 
    border-color: #DDDDDD	;
    border-bottom-width: thin;
    padding-bottom: 20px;
    padding-top:20px;
    border-block: none;

  }
  
}