/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

.pre-loader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; background-color: var(--wdtBodyBGColor); }
.loader-inner { text-transform:uppercase; width:100%; text-align:center; line-height:50px; margin:auto; position:absolute; left:0;right:0;top:50%; transform:translateY(-50%); }
.football { width: 140px; height: 140px; animation: rotater 5s infinite linear; animation-iteration-count: infinite; margin: auto; background: url(../images/404-ball-1.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.football-shadow { width: 240px; height: 50px; background: radial-gradient(rgba(var(--wdtAccentTxtColorRgb),.2), transparent); border-radius: var(--wdtRadius_Full); z-index: -1; transform: scale(0.4); margin: auto; }
@keyframes rotater { 100% { transform: rotate(360deg); } }
.loading-text { color: var(--wdtPrimaryColor); font-size: var(--wdtFontSize_H5); font-family: var(--wdtFontTypo_H6); font-weight: var(--wdtFontWeight_H6); font-style: italic; text-transform: capitalize; line-height: 1; }

/* After Change in Champion */

/* .loader-animate-border { width: 100px; height: 100px; border: 5px solid transparent; border-bottom-color: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Full); position: absolute; top: auto; left: 0; right: 0; bottom: calc(calc(150px / 15) / 2); margin: auto; box-sizing: border-box; animation: loader-border-rotate 1250ms linear infinite; }

@keyframes loader-border-rotate { 0% { transform: rotate(0deg); } 99.99999% { transform: rotate(-360deg); } }

.loader-jumping-ball {
  background-color: var(--wdtPrimaryColor);
  width: 40px;
  height: 40px;
  position: absolute;
  top: auto;
  bottom: 5px;
  left: 0;
  right: 0;
  border-radius: 50%;
  margin: auto;
  animation: jumping-ball-bounce 1250ms ease-in-out infinite;
}
@keyframes jumping-ball-bounce { 
  0% { transform: translateY(0) scaleX(1.1); } 
  50% { transform: translateY(-150px) scaleX(.9); }
  100% { transform: translateY(0) scaleX(1.1); } 
} */

/* @keyframes jumping-ball-bounce { 0% { width: 50px; height: 30px; bottom: calc(calc(150px / 15) / 2); } 15% { width: 40px; height: 40px; } 50% { width: 40px; height: 40px; bottom: calc(150px + calc(150px / 10)); } 85% { width: 40px; height: 40px; } 100% { width: 50px; height: 30px; bottom: calc(calc(150px / 15) / 2); } } */

/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

.loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor); }