@charset "UTF-8";
/*
Theme Name: Smart Tech Blog
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/tech-blog-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Smart Tech Blog theme offers a modern, feature-rich design tailored for technology bloggers, reviewers, developers, and industry experts aiming to share insights, analyses, and updates in an engaging way. With a clean, minimal, and content-focused layout, it enhances readability and emphasizes articles, tutorials, product reviews, and tech discussions. The well-organized interface allows users to navigate smoothly through various categories like gadgets, software, AI, programming, and emerging technologies, ensuring an intuitive browsing experience. Notably, the design is fully responsive and mobile-friendly, adapting seamlessly across desktops, tablets, and smartphones to deliver consistent performance and readability. Additionally, the theme offers customization options for typography, colors, and layout styles, enabling bloggers to establish a unique digital identity that aligns with their tech brand. Optimized for SEO and fast loading, it improves search visibility and attracts organic traffic from readers interested in technology content, while integrated social media sharing features facilitate easy distribution of articles and audience engagement across multiple platforms. Ultimately, the Smart Tech Blog theme combines simplicity and flexibility with strong content presentation, serving as a robust platform for building a professional technology blog while offering IT services and mobile repair, alongside computer repair services, to enhance your digital presence.
Version: 0.6.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: food-recipe-blog
Text Domain: smart-tech-blog
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, portfolio

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


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

:root {
  --first-color: #703a88;
}

.navbar-brand h1.site-title a,.woocommerce-message::before, .woocommerce-info::before,p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.main-navigation .menu > li > a:hover,.sidebar ul li a:hover ,.widget a:hover,a.btn-text,a{
    color: var(--first-color);
}
input.search-submit.btn.btn-primary,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,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,.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,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.main-navigation .menu li.page_item_has_children ul.children,.slider-box-btn a:hover,.sidenav .closebtn,.toggle-nav i,.woocommerce a.added_to_cart,.woocommerce #respond input#submit,.btn-primary,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .woocommerce-ordering select,.woocommerce a.button,.post-navigation .nav-next a:hover,.post-navigation .nav-previous a:hover,.comment-respond input#submit,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.main-navigation .sub-menu,.sidebar input[type="submit"],.sidebar .tagcloud a:hover,.sidebar button[type="submit"],#colophon,.meta-info-box,.top_header,.sidebar h5, #button, .load hr{
    background: var(--first-color);
}
input.search-submit.btn.btn-primary,#post-n-sidebar hr,.btn-primary,.woocommerce-message, .woocommerce-info,.post-navigation .nav-next a:hover,.post-navigation .nav-previous a:hover{
    border-color: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,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{
    color: #ffffff;
    border:0px;
}
.entry-content a:hover, #colophon a:hover{
    color: #f36135;
}
.main-navigation .sub-menu > li{
    border-color: #000;
}
.social-link i{
    color: #ffffff;
}
#site-navigation .menu ul li a{
    color: #000000 !important;
}
#page-content a {
    text-decoration: underline;
}
.navbar-brand h1.site-title{
    font-family: 'Pacifico', cursive;
}
.navbar-brand a:hover, .article-box:hover h3 a, .article-box:hover .author-date a, .article-box:hover a.btn-text{
    color: #f36135 !important;
}
.search-box input[type="search"]::placeholder{
    font-size: 15px;
    line-height: 19px;
    color: #333333;
    font-weight: 400;
}
.search-box input[type="search"]{
    background: #f8eaff;
    border-radius: 5px;
}
p.site-description{
    line-height: 16px;
    color: #ffffff;
    font-weight: 500;
}
.subscribe-box a {
    padding: 20px;
}
#site-navigation .menu ul.children li a{
    color:#ffffff !important;
}
.main-navigation .menu li.current-menu-item a:before{
    content: "";
    width: 10%;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-weight: 500;
    color: #333333;
}
.banner-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #764385d4;
}
.banner-img img{
    width: 100%;
    height: 130px;
}
#banner .banner-img {
    position: relative;
}
#banner .banner-content {
    position: absolute;
    top: 10%;
    right: 15%;
    left: 15%;
}

#banner .banner-content h3{
    font-size: 24px;
    line-height: 46px;
    color: #ffffff;
    font-weight: 400;
}
#banner .banner-content h4{
    font-size: 32px;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Be Vietnam', sans-serif;
}
.popular-box img{
     width: 100%;
     height: 300px;
}
.content-box h4{
    font-size: 18px;
    line-height: 43px;
    color: #333333;
    font-weight: 700;
    font-family: 'Be Vietnam', sans-serif;
}
.content-box p{
    font-size: 15px;
    line-height: 22px;
    color: #949fa7;
    font-weight: 400;
}
.content-box {
    border: 1px solid #e8ecf1;
    border-top: none;
    padding: 10px 20px;
    border-radius: 0px 0px 7px 7px;
}
.content-box a{
    font-size: 14px;
    color: var(--first-color);
    font-weight: 600;
}
.recipe-head h3{
    font-size: 24px;
    letter-spacing: 0px;
    color: #333333;
    font-weight: 800;
}
.main-navigation .menu > li > a{
    font-size: 15px;
    line-height: 19px;
    padding: 15px 12px;
    color: #333333;
    font-weight: 500;
    position: relative;
}
.main-navigation .menu li.current-menu-item a:before {
    content: "";
    width: 22px;
    position: absolute;
    height: 2px;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    background: var(--first-color);
    bottom: 5px;
}
.popular-box {
    border-radius: 12px;
}
#popular hr {
    border-top: 7px double var(--first-color);
}
ul.sub-menu li a:before{
    display: none;
}
.article-box a.btn-text:hover{
    color: #f36135;
}
.sidebar h2.wp-block-heading {
  font-size: 20px;
  color: #fff;
  background: var(--first-color);
  padding: 15px 10px;
  margin-bottom: 0;
  border-radius: 6px 6px 0 0;
  letter-spacing: 2px;
  text
@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;
    }
    .latest-services .section-content {
        width: 100%;
    }
}
@media screen and (max-width: 720px){
    .search-box input[type="submit"]{
        padding: 15px 20px;
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
   
}
@media screen and (max-width: 600px){
    .admin-bar .socialmedia.stick_header {
        margin-top: 0px;
    }
}
@media screen and (max-width: 1000px){
    .phone-text {
       text-align: left;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
    }
    .main-navigation .menu > li{
        display: block;
    }
    .main-navigation .menu > li > a, #site-navigation .menu ul li a{
        color: #fff;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .sidenav .closebtn{
        background: #f36135;
    }
    .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: #f36135 !important;
    }
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover {
        color: #f36135;
    }
    .main-navigation .menu li.current-menu-item a:before {
        display: none;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .slider-inner-box {
        right: 18%;
        left: 18%;
    }
    
}