@charset "UTF-8";
/*
Theme Name: Mobile Repair Services
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/mobile-repair-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Mobile Repair Services theme is a versatile and modern design tailored for computer repair shops, phone technicians, and IT service providers aiming to establish a strong online presence. With a clean and user-friendly layout, it effectively showcases various repair services like screen replacement, battery repair, and software troubleshooting in an organized manner. The intuitive navigation facilitates easy access to service details, pricing, and contact information, enhancing user experience and trust. Fully responsive and mobile-friendly, the design ensures seamless performance across desktops, tablets, and smartphones, catering to customers on the go. It features dedicated sections for highlighting expertise, certifications, team members, and customer testimonials, allowing tech stores to build credibility in a competitive market. Additionally, integrated appointment booking simplifies the scheduling of repair services, enhancing workflow efficiency. With WooCommerce support, businesses can sell mobile accessories and spare parts directly through their online store, opening new revenue streams. The theme is also optimized for SEO and fast loading, boosting online visibility for local customers seeking computer repair solutions. Merging practicality, clarity, and a service-oriented approach, the Mobile Repair Services theme serves as a powerful digital platform for managing repairs, engaging customers, and expanding a modern repair business.
Version: 2.4.4
Tested up to: 7.0
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: mobile-repair-zone
Text Domain: mobile-repair-services
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, news, photography, e-commerce

Mobile Repair Services WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Mobile Repair Services WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #00c3ed;
  --second-color: #002e5a;
}
h1, h2, h3, h4, h5, h6,body{
    font-family: "poppins";
}
.social-links i:Hover,.top_header span a:hover,.top_header span:hover,.widget a:hover, .widget a:focus,h1, h2, h3, h4, h5, h6,#team_post h2,.article-box a ,h4.title a,.main-navigation .menu > li > a,.navbar-brand a,.navbar-brand p,.search-box a, a.cart-customlocation{
    color: var(--second-color);
}
.navbar-brand a:hover {
    color: #ffffff;
}
.slider-inner-box h1 a:hover, .services .box-content:hover h4 a{
    color: var(--first-color);
}
.sidebar section {
    padding: 10px;
}
.services .box-content:hover .ser-btn a{
    color:var(--second-color);
}
.team-box .article-box p, .team-box .article-box:hover a{
    color: var(--first-color);
}
input.search-submit.btn.btn-primary,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,#button:hover, #button:active,.slider-box-btn a:hover, .headerbtn a:hover, .details-bg a:hover, .team-btn a:hover, .social-link i:hover, .load hr,.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    background: var(--second-color);
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
input.search-submit.btn.btn-primary{
    border-color: var(--second-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #1b212f;
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--second-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    background: var(--first-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{
    color: var(--second-color);
}
p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce-message::before, .woocommerce-info::before,.main-navigation .menu > li > a:hover,.cart_box i:hover, .search-box i:hover,.sidebar ul li a:hover,a,.ser-btn a{
    color: var(--first-color);
}
.top_header span,.top_header span a,.top_header i{
    color: #fff;
}
.btn-primary,.woocommerce-message, .woocommerce-info,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color);
}
a.added_to_cart.wc-forward{
    display: inline-block;
    color: #ffffff;
    padding: 12px 15px;
     margin:0 auto;
    margin-left: 10px;   

}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button{
    color: #ffffff;
    border:0px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.sidenav .closebtn,.toggle-nav i,.main-navigation .sub-menu,.wp-block-button__link,.comment-respond input#submit,.btn-primary,.woocommerce .woocommerce-ordering select,.pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.serach_inner [type="submit"],.sidebar .tagcloud a:hover,.sidebar h5,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.sidebar input[type="submit"], .sidebar button[type="submit"],#button,#colophon,.team-btn a,.slider-box-btn a, .details-bg a,.top_header {
    background: var(--first-color);
}
.social-links i {
    color: var(--first-color);
    padding: 10px;
    font-size: 14px;
}
.slider-inner-box{
    top: 35%;
    right: 50%;
}
.box-content p {
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    font-weight: 400;
}
.main-navigation .menu > li > a{
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--second-color);
    font-weight: 600;
}
.slider-inner-box h1 a{
    color: #ffffff;
    font-weight: 700;
}
.slider-boxs img {
    clip-path: ellipse(76% 91% at 50% 4%);
    height: 600px;
    object-fit: cover;
}
.box-image img {
    width: 100%;
    border-radius: 12px;
}
.ser-btn a {
    font-size: 13px;
    line-height: 20px;
    color: var(--first-color);
    font-weight: 500;
    font-family: "Poppins";
    text-align: center;
}
.services .box-content {
    background: #fff;
    padding: 26px;
    z-index: 99999;
    position: relative;
    margin: 0 25px;
    margin-top: -7em;
    border-radius: 15px;
    box-shadow: 0 4px 10px 1px #ccc;
}
section.services {
    position: relative;
    margin-top: -12em;
    z-index: 2;
}
.article-box:hover h3 a, .article-box:hover a.btn-text{
  color: var(--first-color);
}
#colophon a:hover, #colophon a:focus {
    color: var(--second-color);
}
@media screen and (max-width: 575px){
    #top-slider .owl-nav{
        display: none;
    }
    .slider-inner-box {
        right: 3%;
        left: 3%;
    }
    .slider-box-btn{
        margin-top: 15px !important;
    }
    .stick_header{
        position: static !important;
    }
    .slider-box-btn a{
        padding: 8px 25px;
    }
    .top_header span {
        display: block;
        margin: 0 0 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 720px){
   .slider-boxs img{
    height: 300px;
   }
}
@media screen and (max-width: 600px){
    .admin-bar .socialmedia.stick_header {
        margin-top: 0px;
    }
}
@media screen and (max-width: 1000px){
    .slider-inner-box {
        right: 10%;
        left: 10%;
    }
    .main-navigation .menu > li{
        display: block;
    }
    .main-navigation .menu > li > a{
        color: #fff;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    section.services {
        margin-top: 2em;
   }
   .toggle-nav.mobile-menu{
        text-align: center;
   }
   .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
    #site-navigation .menu ul li a{
        color: #fff;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .slider-inner-box {
        right: 18%;
        left: 18%;
    }
    section.services {
        margin-top: -8em;
    }
      
}