/*--------------------------------------------------------------

    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%);

}



/* .loader-inner .loader-text {

    color: var(--wdtHeadAltColor);

    font-family: var(--wdtFontTypo_Alt);

    width: fit-content;

    font-weight: bold;

    text-transform: uppercase;

    -webkit-text-stroke: 1px var(--wdtHeadAltColor);

    background: linear-gradient(90deg,var(--wdtHeadAltColorRgb) 33%,var(--wdtHeadAltColorRgb) 0 67%,var(--wdtHeadAltColorRgb) 0) 100%/300% 100% no-repeat text;

    animation: l12 4s steps(14) infinite;

} */



.loader-inner .loader-text img:not([src]),
.loader-inner .loader-text img[src=""] { display: none; }


/* Fallback "Loading" text — shown only when no custom image is present. */
.loader-inner .loader-text:before {
  content: "Loading";
}
.loader-inner .loader-text:has(img[src]:not([src=""])):before {
  content: "";
}



/* HTML: <div class="loader"></div> */

.loader-inner .loader-text {

  width: fit-content;  font-family: var(--wdtFontTypo_Alt);

  font-size: var(--wdtFontSize_H2);

  font-weight: bold;

  text-transform: uppercase;

  color: transparent;

  -webkit-text-stroke: 2px var(--wdtPrimaryColor);

  background: conic-gradient(var(--wdtPrimaryColor) 0 0) 0/0 100% no-repeat text;

  animation: l11 2s steps(8,jump-none) infinite;

}



@keyframes l11 {

  to {background-size: 100% 100%}

}





/* .loader-inner .loader-text:before {

  content:'';

  background: #f4f4f4;

  display:block;

  margin: 0 -15px;

  position:absolute;

  top:0;left:0;right:0;bottom:0;

  z-index: -2;



  -webkit-animation:2s loadingBefore infinite ease-in-out;

  animation:2s loadingBefore infinite ease-in-out;

} */



/* .loader-inner .loader-text:after {

  content:'';

  width:14px;

  height:60px;

  display:block;

  margin:auto;

  opacity:0.75;

  position:absolute;

  top:0;left:0;right:0;bottom:0;

  z-index: -1;



  animation:2s loadingAfter infinite ease-in-out;

} */







@keyframes l12 {

  to {background-position: 0}

}





@-webkit-keyframes loadingBefore {

  0%   {transform:translateX(-15px);}

  50%  {transform:translateX(15px);}

  100% {transform:translateX(-15px);}

}

@keyframes loadingBefore {

  0%   {transform:translateX(-15px);}

  50%  {transform:translateX(15px);}

  100% {transform:translateX(-15px);}

}



@-webkit-keyframes loadingAfter {

  0%   {transform:translateX(-50px);}

  50%  {transform:translateX(50px);}

  100% {transform:translateX(-50px);}

}

@keyframes loadingAfter {

  0%   {transform:translateX(-50px);}

  50%  {transform:translateX(50px);}

  100% {transform:translateX(-50px);}

}





/*--------------------------------------------------------------

    Accents

--------------------------------------------------------------*/



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





/*--------------------------------------------------------------

    Responsive

--------------------------------------------------------------*/



/*----*****---- << Mobile (Landscape) >> ----*****----*/



/* Note: Design for a width of 480px */



@media only screen and (min-width: 480px) and (max-width: 767px) {



}





/* Common Styles for the devices below 479px width */



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



}