@charset "UTF-8";
/*
Theme Name: Smart Tech Blog
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-blog-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Smart Tech Blog theme is a modern, feature-rich, and performance-focused design built for technology bloggers, reviewers, developers, and industry experts who want to share insights, analysis, and updates in a clear and engaging format; featuring a clean, minimal, and content-centered layout, it is designed to enhance readability while keeping the focus on articles, tutorials, product reviews, and tech discussions; its well-structured interface allows visitors to easily navigate through categories such as gadgets, software, AI, programming, and emerging technologies, ensuring a smooth and intuitive browsing experience; fully responsive and mobile-friendly, the design adapts seamlessly across desktops, tablets, and smartphones, delivering consistent performance and readability on all devices; customization options for typography, colors, and layout styles enable bloggers to create a unique digital identity that reflects their personal or professional tech brand; optimized for SEO and fast loading, it helps improve search visibility and attract organic traffic from readers interested in technology content; integrated social media sharing features make it easy to distribute articles and engage with audiences across multiple platforms, increasing reach and interaction; combining simplicity, flexibility, and strong content presentation, the Smart Tech Blog theme provides a powerful platform for building a professional technology blog and establishing authority in the digital space.
Version: 0.6.0
Tested up to: 6.9
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%;
    }
    
}