/*
Theme Name: Mobile Repair Services Pro
Theme URI: https://www.themagnifico.net/themes/mobile-repair-wordpress-theme/
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: Mobile Repair WordPress theme is a powerful and visually stunning theme specifically designed for mobile repair businesses, phone technicians, and electronic service providers. With its sleek design, comprehensive functionality, and advanced features, this theme offers a professional and captivating platform to showcase your services, attract customers, and streamline your repair operations. The theme exudes a modern and polished aesthetic. It features a clean and responsive design that adapts seamlessly to different screen sizes, ensuring a flawless viewing experience on desktops, tablets, and mobile devices. The theme incorporates stylish typography, visually appealing graphics, and a well-structured layout, creating an immersive and visually captivating website for your visitors. Whether you own a mobile repair shop, provide on-site repair services, or offer electronic gadget repairs, this theme caters to your specific needs. It provides a professional platform to showcase your repair services, highlight your expertise and certifications, share customer testimonials, and even offer online booking for repair appointments.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 7.2
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mobile-repair-services-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Mobile Repair Services Pro WordPress Theme has been created by Themagnifico(Themagnifico.net), 2023.
Mobile Repair Services Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
.bypostauthor {
    font-weight: 600;
}

.wpcf7-spinner {
    display: none;
}

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

.preloader {
    display: flex;
    background: #00c3ed;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
}

.preloader .loading-dot {
    width: 15px;
    height: 15px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
    animation: load 3s infinite linear;
}

@keyframes load {
    0% {
        transform: rotate(0deg);
        box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
    }
    25% {
        box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
    }
    50% {
        box-shadow: 0px -40px 0px 0px #fff, 0px 40px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px 40px 0px 0px #fff, 40px -40px 0px 0px #fff;
    }
    70% {
        box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
    }
    75% {
        width: 10px;
        height: 10px;
        box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
    }
    80% {
        background-color: #fff;
        width: 40px;
        height: 40px;
        transform: rotate(360deg);
        box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
    }
    85% {
        background-color: #fff;
        width: 40px;
        height: 40px;
        transform: rotate(360deg);
        box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
    }
    90% {
        background-color: #fff;
        width: 10px;
        height: 10px;
        transform: rotate(360deg);
        box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
    }
    95% {
        box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
    }
    100% {
        transform: rotate(360deg);
        box-shadow: 0px 40px 0px 0px #fff, 0px -40px 0px 0px #fff, 40px 0px 0px 0px #fff, -40px 0px 0px 0px #fff, 40px 40px 0px 0px #fff, -40px -40px 0px 0px #fff, 40px -40px 0px 0px #fff, -40px 40px 0px 0px #fff;
    }
}