/* 
 Theme Name:     PW
 Author:         Peter Wright
 Author URI:     https://peterwright.me/
 Template:       Divi
 Version:        1.0
 Description:    A Child Theme 
*/ 


/* Custom CSS */


.divi_preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--preloader-bg-color);
    opacity: 1;
    z-index: 999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
  
.divi_preloader .divi_preloader_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 70px;

    background-size: contain;
    margin: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
  
.divi_preloader svg{
    width: 100%;
    height: 100%;
    stroke-width:0px;
    position: relative;
    animation: fade-in var(--preloader-delay-marge) linear forwards;
    opacity: 0;
}
.divi_preloader svg * {
    fill: var(--preloader-icon-color);
}

.loaderbox {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
}
.loadingbox {
    display:block;
    position:absolute;
    background-color: var(--preloader-icon-color);
}

.loading-1 {right: 0;bottom: 82%;width: 11%;animation: slide1 var(--preloader-delay-marge) linear forwards;}
.loading-2 {right: 0;top:0;height: 11%;animation: slide2 var(--preloader-delay-marge) linear forwards;}
.loading-3 {left: 0;top:0;width: 11%;animation: slide3 var(--preloader-delay-marge) linear forwards;}
.loading-4 {left: 0;bottom:0;height: 11%; animation: slide4 var(--preloader-delay-marge) linear forwards ;}
.loading-5 {right: 0;bottom:0;width: 11%;animation: slide5 var(--preloader-delay-marge) linear forwards;}
  
@keyframes slide1 { 
    from { height:0; } 
    7% { height: 0; }  
    14% { height:18%; }
    21% { height:18%; }
    28% { height:18%; }
    35% { height:18%; }  
    42% { height:18%; }
    50% { height:18%; }
    58% { height:18%; }
    65% { height:18%; }
    72% { height:18%; }
    79% { height:18%; }
    86% { height:18%; }
    93% { height:0; }
    to { height:0; } 
}

@keyframes slide2 { 
    from { width:0; } 
    7% { width:0; }  
    14% { width:0; }
    21% { width:100%; }
    28% { width:100%; }
    35% { width:100%; }  
    42% { width:100%; }
    50% { width:100%; }
    58% { width:100%; }
    65% { width:100%; }
    72% { width:100%; }
    79% { width:100%; }
    86% { width:0; }
    93% { width:0; }
    to { width:0;}

}
@keyframes slide3 { 
    from { height:0; } 
    7% { height:0; }  
    14% { height:0; }
    21% { height:0; }
    28% { height:100%; }
    35% { height:100%; }  
    42% { height:100%; }
    50% { height:100%; }
    58% { height:100%; }
    65% { height:100%; }
    72% { height:100%; }
    79% { height:0; }
    86% { height:0; }
    93% { height:0; }
    to { height: 0; } 

}
@keyframes slide4 { 
    from { width:0; } 
    7% { width:0; }  
    14% { width:0; }
    21% { width:0; }
    28% { width:0; }
    35% { width:100%; }  
    42% { width:100%; }
    50% { width:100%; }
    58% { width:100%; }
    65% { width:100%; }
    72% { width:0; }
    79% { width:0; }
    86% { width:0; }
    93% { width:0; }
    to { width:0;}
}
@keyframes slide5 { 
    from { height:0; } 
    7% { height:0; }  
    14% { height:0; }
    21% { height:0; }
    28% { height:0; }
    35% { height:0; }  
    42% { height:18%; }
    50% { height:18%; }
    58% { height:18%; }
    65% { height:0; }
    72% { height:0; }
    79% { height:0; }
    86% { height:0; }
    93% { height:0; }
    to { height:0; }
}
  
  
@keyframes fade-in {
    from {
        opacity: 0;
    }
    7%, 93% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}