@charset "UTF-8";
/*
Theme Name: Viral News Center
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-news-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Viral News Center theme is a modern, professional, and highly engaging design built for news portals, online magazines, and viral content websites that need to deliver fast, readable, and visually compelling stories; featuring a clean, content-first layout, it is designed to highlight breaking news, trending topics, featured articles, and editorial posts in a structured way that keeps readers engaged and informed; its intuitive navigation ensures visitors can quickly move between categories such as news, entertainment, politics, lifestyle, and viral updates without losing focus or clarity; built with strong emphasis on readability and performance, the design uses balanced typography, organized grids, and clear spacing to enhance the reading experience across all devices; fully responsive and mobile-friendly, it ensures smooth performance and consistent presentation on desktops, tablets, and smartphones, making content accessible anytime and anywhere; multimedia support allows seamless integration of images, videos, sliders, and interactive elements that make articles more dynamic and visually appealing; customizable homepage layouts enable publishers to highlight trending stories, featured posts, and breaking news in a way that matches their editorial strategy; optimized for SEO and speed, it improves search visibility and ensures fast loading for high-traffic news environments; combining clarity, flexibility, and modern publishing tools, the Viral News Center theme provides a powerful digital platform for running a professional news, magazine, or viral content website that captures audience attention and drives continuous engagement.
Version: 0.7.1
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: 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%;
    }
    
}