@charset "UTF-8";
/*
Theme Name: Viral News Center
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/viral-news-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Viral News Center theme features a modern and engaging design tailored for technology blogs, online magazines, and viral content websites, allowing them to present fast, readable, and visually striking stories. Its clean, content-first layout is strategically crafted to showcase breaking news, trending topics, and editorial posts, keeping readers informed while ensuring intuitive navigation through categories like news, entertainment, politics, and lifestyle. With a strong emphasis on readability and performance, the design incorporates balanced typography and organized grids to enhance the reading experience on all devices. Fully responsive and mobile-friendly, it guarantees smooth performance across desktops, tablets, and smartphones, making content accessible anytime. The theme also supports multimedia elements such as images, videos, and sliders to create dynamic blog content. Customizable homepage layouts enable publishers to effectively highlight trending stories and breaking news, aligning with their editorial strategies. Furthermore, it is optimized for SEO and speed, improving search visibility and ensuring quick loading times for high-traffic environments, making it an ideal platform for those looking to merge innovation with strong tech reviews and engaging content.
Version: 0.7.2
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: magazine-express
Text Domain: viral-news-center
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

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

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

:root {
  --first-color: #ff5c3f;
}

h1, h2, h3, h4, h5, h6,.sidebar ul li a,.article-box a,body{
    color: #000000;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,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,.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,.featured-imagebox:hover .featured-cat a , .box-category:hover .featured-cat a,.slide-cat a:hover, .sticky .entry-title::before,.woocommerce-account .woocommerce-MyAccount-navigation ul li,.sidebar .tagcloud a:hover,.serach_inner [type="submit"],.woocommerce .woocommerce-ordering select,#colophon,.woocommerce a.button.alt, .woocommerce button.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button,.woocommerce .woocommerce-ordering select.sidebar .tagcloud a:hover,.sidebar input[type="submit"], .sidebar button[type="submit"],.comment-respond input#submit,.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 h5,#button,.slide-btn a:hover,.main-navigation .sub-menu,.top-info,.menu-header, a.added_to_cart.wc-forward, .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(--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;
}
.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{
    margin: 0 auto;
    margin-top: 20px;
}
.navbar-brand a:hover, a.slide-date:hover, .box-slider:hover h4 a, .news-category:hover h4 a, .featured-imagebox:hover h4 a, .featured-imagebox:hover a.featured-date, .box-category:hover h4 a, .box-category:hover a.box-date {
    color: var(--first-color) !important;
}
.subscribe-btn a:hover{
    color: #fff;
    background: #000;
}
.social-link i:hover{
    color: #000;
}
.slide-btn 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,a,.sidebar ul li a:hover,#featured-topic h3,.news-box i,.subscribe-btn a{
    color: var(--first-color);
}
.article-box:hover a{
    color: var(--first-color) !important;
}
#colophon a,#colophon ,.main-navigation .menu > li > a,.social-link i,.top-info strong,.top-info span {
    color: #ffffff;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: var(--first-color);
}
#colophon a:hover, #colophon a:focus,.main-navigation .menu > li > a:hover,.navbar-brand a{
    color: #000000;
}
.advertise-inner-box h3{
    color: #fff;
    margin-block: 0;
}
.serach_inner,#featured-topic {
    background: #fff0ed;
}
.toggle-nav i,.woocommerce a.button.alt:hover,.woocommerce button.button:hover,.woocommerce #respond input#submit:hover,.woocommerce button.button.alt:hover,.woocommerce a.button:hover{
    background: #000000;
}
#site-navigation .menu ul li a{
    color: #fff;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: #000000;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #000000;
    color: #fff !important;
}
.box-image img {
    width: 100%;
}
.slide-btn a{
    background: #ffffff;
}
.slider-content {
    position: absolute;
    bottom: 10%;
    left: 30%;
    width: 54%;
}
.box-slider {
    position: relative;
}
.search-box a i{
    margin-right: 0px;
}
.search-box {
    margin: 30px 0;
    text-align: center;
    border-right: 1px solid #ffffff5c;
    border-left: 1px solid #ffffff5c;
    padding: 18px 15px;
}
.advertise-box{
    background: var(--first-color)!important;
}
.advertise-box img {

    height: 80px;
    object-fit: cover;
}
ul.post-categories li {
    display: inline;
}
.box-imagess img {
    position: relative;
    width: 100%;
    height: 231px;
    object-fit: cover;
}
.box-slider h4{
    line-height: 20px;
}
.box-slider h4 a{
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}
.slider-box {
    position: absolute;
    width: 57%;
    left: 10%;
    bottom: 15%;
}
.slider-content h4 {
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}
.slide-cat a{
    background: #ea00f4;
    padding: 4px 15px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 21px;
    color: #ffffff;
    font-weight: 600;
}
.box-image img {
    height: 30em;
    width: 100%;
    object-fit: cover;
}
.slide-btn a {
    padding: 7px 10px;
}
a.slide-date {
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
}
.news-box h4 a{
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    font-weight: 600;
}
.news-box span{
    font-size: 13px;
    line-height: 20px;
    color: #2d2d2d;
    font-weight: 400;
    margin-left: 5px;
}
.news-imagess img {
    width: 90%;
    height: 90px;
    object-fit: cover;
}
#news h3{
    font-size: 20px;
    line-height: 20px;
    color: #2d2d2d;
    font-weight: 600;
}
.news-box h4{
    line-height: 20px;
}
.news-category {
    background: #fff0ed;
    padding: 10px 8px;
}
.owl-dots{
    display: block;
}
.owl-dots{
    text-align: center;
}
button.owl-dot.active {
    background: var(--first-color);
}
button.owl-dot {
    width: 8px;
    padding: 0px;
    background: #000;
    height: 8px;
    margin-right: 6px;
    border-radius: 30px;
    border: none;
}
.date-box i{
    font-size: 18px;
    margin-right: 5px;
}
.date-box {
    font-size: 12px;
    line-height: 21px;
    color: #fffefe;
    font-weight: 600;
}
.page-content .btn-primary{
    background: var(--first-color);
}
.sidebar section.widget h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    margin-bottom: 0;
}
@media screen and (max-width: 575px){
    #top-slider .owl-nav{
        display: none;
    }
    .slider-inner-box {
        right: 3%;
        left: 3%;
    }
    .advertise-box img {
        height: 90px;
    }
    .date-box{
        text-align: center !important;
    }
    .slider-box-btn{
        margin-top: 15px !important;
    }
    .slider-inner-box h1 a {
        font-size: 16px;
    }
    .stick_header{
        position: static !important;
    }
    .latest-services .section-content {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 720px){
    .slider-content {
        bottom: 27%;
        left: 14%;
        width: 72%;
    }
   
}
@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{
        color: #fff;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover, .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;
      padding: 15px 10px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
    } 
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
    .slider-inner-box {
        right: 18%;
        left: 18%;
    }
    
}