/*
Theme Name:   News Theme By Shailesh Chaudhary
Theme URI:    https://shaileshchaudhary.com/
Description:  Google Discover News Theme - All in One Premium Light Weight Design & Discover Optimized.
Author:       Shailesh Chaudhary
Author URI:   https://trademinati.com/
Template:     generatepress
Version:      1.0
Requires at least: 5.2
Tested up to: 6.4
Requires PHP: 7.4
Tags: Google News Discover Theme, News Website, Discover Ready, Social Share, Fixed Sticky Menu, Bottom Join, Author Bos, Category Page, Discover and Adsense Optimize News Templete
Shailesh Chaudhary, Copyright 2025 Shailesh Chaudhary
GeneratePress is distributed under the terms of the GNU GPL
*/
.button-social{margin-bottom:22px;} .button-social a{color:black;}.wa{animation:1s infinite wba}.tg{animation:1s infinite tga}.channel-box{border:1px solid #fff0;border-radius:5px;display:flex;margin-right:5px;margin-left:5px;padding:7px;justify-content:space-between}@keyframes wba{0%,100%{border-color:#fff0}50%{border-color:#25d366}}@keyframes tga{0%,100%{border-color:#fff0}50%{border-color:#08c}}
nav.rank-math-breadcrumb {margin-bottom: 2px;}
nav.rank-math-breadcrumb a{color:darkred!important;}
nav.rank-math-breadcrumb p {margin-bottom: 2px;padding: 0; color:#a38c8c;} .last{display:none;}
.language-switch{margin-left:20px;}
.language-switch select {font-size: 14px; border: 1px solid red; border-radius: 5px;background-color: white;color: #007bff;font-weight: bold;      cursor: pointer;padding:2px 0px;}.language-switch select:hover {border-color: darkred;}  
/*Image Round*/
img {border-radius: 8px;}
::-webkit-scrollbar{width:5px;height:0;-webkit-appearance:none}::-webkit-scrollbar-track{background:#d1d8eb}::-webkit-scrollbar-thumb{background-color:#8b0000;border-radius:20px}/* Font */
.navigation-branding img, .site-logo.mobile-header-logo img {
	padding:3px;}
.site-content {padding-top: 30px;}
/*Top-Notification*/
#site-navigation > div > button > span.gp-icon.icon-menu-bars > svg {height: 1.6em;
    width: 1.6em;top: 0.5em;}
/*Top-Notification*/
.notification {color: white;padding:5px;position: relative;display: inline-block;margin-top:5px;}
.notification .badge {position: absolute;font-size:10px; padding: 0px 5px 0px 5px; border-radius: 50%; background-color:#ff4c4c; color: white;}
.notf{ left:10px; top: 2px; }
/*Alignment*/
div.dynamic-entry-content > p{text-align:justify;}/*Blockquote*/
blockquote {font-style: inherit;font-weight: 600;
font-size: 18px;color:red;padding: 7px;
line-height: 1.4em;box-shadow: 0 2px 10px 0 #cac9c9;border-left: 6px solid #01231F;
border-radius: 5px 5px 5px 5px;}
blockquote a{color:darkblue;}

/*Off-canvas-Slider*/
.offcanvaslogo {margin: 10px auto;
margin-bottom: 20px;margin-top: 20px;width: 120px;}
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {padding-right: 10px;}
#generate-slideout-menu .slideout-menu li {border-bottom: 1px solid #afafafb3;}
.offside-js--is-open .slideout-overlay{background: rgba(0,0,0,.2);-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter:saturate(180%) blur(10px);}
/*Top Scroll Menu*/
#ScrollMenu{background: linear-gradient(to right, #ededed, #dfdfdf) !important;;display:block!important;width: 100%;height: 30px;overflow-x: scroll;overflow-y:hidden; position: fixed;z-index: 1;}
div#smul{width: max-content; margin-left:1%;}
ul#menu-sticky-header-custom {text-align: right; margin: 0px;}
ul#menu-sticky-header-custom li {list-style: none;display: inline-block;padding: 1px;}
ul#menu-sticky-header-custom li a {text-decoration: none;padding: 0px 6px ; color:#000;font-size:16px;font-weight:600;}
ul#menu-sticky-header-custom li a:hover {color:darkblue;}
.avatar{border-radius:50%;}
@media (min-width: 769px){
.inside-right-sidebar{position: sticky;top: 85px;}}
/* EKC Dynamic Social Share*/
.float-social-wrapper {position: fixed;top: 50%;transform: translateY(-50%);z-index: 9999;right: 0;}
.float-social-sharing {display: flex;flex-wrap: nowrap;flex-direction: column;align-items: flex-start;min-height: 30px;font-size:12px;padding: 10px 7px;}
.float-social-sharing:first-of-type {border-top-left-radius: 10px;}
.float-social-sharing:last-of-type {border-bottom-left-radius: 10px;}
.social-whatsapp {fill: #fff;background-color: rgba(37, 211, 102, 1);}
.social-whatsapp:hover {background-color: rgba(37, 211, 102, .8);}
.allshare {fill: #fff;background-color: #cc4343;}
.allshare:hover {background-color: rgba(255, 87, 0, .8);}

/* =========================
   AUTHOR BOX (RESPONSIVE)
========================= */
.custom-author-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
    flex-wrap: wrap; /* important */
}

.custom-author-box:hover {
    transform: translateY(-3px);
}

/* Avatar */
.author-avatar {
    flex-shrink: 0;
}

.author-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid #00c6ff;
    object-fit: cover;
    display: block;
}

/* Info */
.author-info {
    flex: 1;
    min-width: 250px;
}

.author-info h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.author-info p {
    margin: 8px 0;
    font-size: 14px;
    color: #ddd;
    line-height: 1.6;
}

/* Social Links */
.author-social {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.author-social a {
    text-decoration: none;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    transition: all 0.3s ease;
}

/* Colors */
.author-social .twitter { background: #1da1f2; }
.author-social .linkedin { background: #0077b5; }
.author-social .instagram { background: #e1306c; }
.author-social .website { background: #00c6ff; }

.author-social a:hover {
    opacity: 0.85;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

    .custom-author-box {
        flex-direction: column;
        text-align: center;
        padding: 18px;
    }

    .author-avatar img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .author-info h4 {
        font-size: 18px;
    }

    .author-info p {
        font-size: 13px;
    }

    .author-social {
        justify-content: center;
    }

    .author-social a {
        font-size: 12px;
        padding: 5px 10px;
    }
}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px) {

    .author-avatar img {
        width: 70px;
        height: 70px;
    }

    .author-info h4 {
        font-size: 16px;
    }

    .author-info p {
        font-size: 12px;
    }

    .author-social a {
        font-size: 11px;
        padding: 5px 8px;
    }
}

/* =========================
   SIDEBAR SOCIAL BOX
========================= */
.sidebar-social {
    background: #0f172a;
    padding: 20px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.sidebar-social h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
}

.sidebar-social a {
    display: block;
    margin: 10px 0;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
}

.sidebar-social .insta {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af);
}

.sidebar-social .youtube {
    background: #ff0000;
}

.sidebar-social .facebook {
    background: #1877f2;
}

.sidebar-social a:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* =========================
   FOOTER FINAL (PREMIUM)
========================= */
.gp-custom-footer {
    background: #008000;
    color: #fff;
    padding: 60px 20px 20px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    font-family: Arial, sans-serif;
}

/* GRID LAYOUT */
.footer-wrapper {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* COLUMN */
.footer-col {
    width: 100%;
}

/* HEADINGS */
.footer-col h2.logo {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 600;
}

.footer-col h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

/* TEXT */
.footer-col p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
}

/* =========================
   LINKS (FIXED GAP ISSUE)
========================= */
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 6px; /* FIXED GAP */
}

.footer-col ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    padding: 2px 0;
    transition: 0.3s;
}

.footer-col ul li a:hover {
    color: #000;
    transform: translateX(4px);
}

/* =========================
   NEWSLETTER
========================= */
.newsletter {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.newsletter input {
    flex: 1;
    padding: 12px;
    border: none;
    outline: none;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
}

.newsletter button {
    padding: 12px 15px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}

/* =========================
   SOCIAL ICONS
========================= */
.social-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #008000;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s;
}

.social-icons a:hover {
    background: #000;
    color: #fff;
    transform: translateY(-3px);
}

/* =========================
   FOOTER BOTTOM
========================= */
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 40px;
    text-align: center;
    padding-top: 15px;
    font-size: 13px;
}

/* GP FIX */
.site-footer {
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================
   RESPONSIVE
========================= */

/* Tablet */
@media (max-width: 1024px) {
    .footer-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .footer-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .newsletter {
        justify-content: center;
    }

    .social-icons {
        justify-content: center;
    }
}