/*
Theme Name: FabFitFun
Author: FabFitFun
Description: Fully Respnosive WordPress Theme for FabFitFun
Version: 1.0
*/

.mainBar-logo img{max-height: 40px}
.subBar-logo img{max-height: 25px}

/* loading icon */
.cls-4 {
    stroke-dasharray: 20 200;
    stroke-dashoffset: -200;
    stroke-width: 2px;
    stroke: #ffffff;
    fill: #323232;
    animation: 4s draw ease-in-out infinite;
}
@keyframes draw {
    0% {
      stroke-dasharray: 20 200;
      stroke-dashoffset: -200;
      stroke-width: 2px;
      fill: #323232;
    }
    25%{
      fill: #323232;
    }
    30% {
      stroke-dasharray: 1400;
      stroke-dashoffset: 0;
      stroke-width: 1px;
    }
    50%{
      fill: #ffffff;
      stroke-width: 0;
    }
    70% {; background: #fff
      stroke-dasharray: 1400;
      stroke-dashoffset: 0;
      stroke-width: 1px;
    }
    100% {
      stroke-dasharray: 20 200;
      stroke-dashoffset: -200;
      stroke-width: 2px;
      fill: #323232;
    }
}

.fff-preload{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; display: none}
.fff-preload .fff_loader{width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -50px; left: 50%;   margin-left: -50px; background: url("assets/img/fff-circle-loading.png") no-repeat center;
    will-change:transform;
    -webkit-animation-name:loading-anim;
    animation-name:loading-anim;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:cubic-bezier(.17,.67,.83,.67);
    animation-timing-function:cubic-bezier(.17,.67,.83,.67);
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:none;
    animation-fill-mode:none
}

html.loading::before,
html.loading::after,
html.loaded .fff-preload{display: none}
html.loading .fff-preload{display: block}

.load-spinner{background-image: url("assets/img/fff-circle-loading.png") !important}