/*
 Theme Name:   Taazatime
 Theme URI:    https://tarunchauhan.com/
 Description:  Taazatime is a modern, fast, and SEO-friendly WordPress theme designed for news, blogs, and magazine websites. Fully responsive and lightweight, it helps you deliver fresh content beautifully.
 Author:       Tarun Chauhan
 Author URI:   https://tarunchauhan.com/
 Template:     generatepress
 Version:      0.1
*/

/*breadcrumb*/
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*/
.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; }

/*notification-button*/
.notification { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.bell-icon { display: block; width: 20px; height: 20px; }
.badge.notf { position: absolute; top: -4px; right: -2px; font-size: 10px; padding: 0 4px; background: #ff4c4c; color: #fff; border-radius: 999px; min-width: 15px; height: 15px; line-height: 15px; text-align: center; font-weight: bold; box-sizing: border-box; z-index: 99; }

/*Image Round*/
img {border-radius: 8px;}
.single-post figure.wp-block-image { margin-bottom: 20px !important; }
.site-content {padding-top: 30px;}
/*sticky-header-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;}
#ScrollMenu::-webkit-scrollbar { display: none; }
#smul { max-width: 1280px; margin: 0 auto; white-space: nowrap; }
ul#menu-sticky-header-custom { margin: 0; padding: 0; white-space: nowrap;}
ul#menu-sticky-header-custom li { display: inline-block; list-style: none; padding: 0 8px;}
ul#menu-sticky-header-custom li a { text-decoration: none; color: #000; font-weight: 600; font-size: 16px;}
ul#menu-sticky-header-custom li a:hover { color: darkblue; }
@media (min-width: 769px){
.inside-right-sidebar{position: sticky;top: 85px;}}
#site-navigation > div > button > span.gp-icon.icon-menu-bars > svg {height: 1.6em; width: 1.6em;top: 0.5em;}

/*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);}

/*join-button*/
.whatsapphighlight { animation: greenBorderPulse 1s infinite; border: 2px solid transparent; }
@keyframes greenBorderPulse { 0%,100%{border-color:transparent;} 50%{border-color:#25d366;} }
.telegramhighlight { animation: blueBorderPulse 1s infinite; border: 2px solid transparent; }
@keyframes blueBorderPulse { 0%,100%{border-color:transparent;} 50%{border-color:#0088cc;} }

/*floating-share*/
.jestify-floating-buttons { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; border-radius: 10px 0 0 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.15); }
.jestify-floating-buttons a { display: flex; justify-content: center; align-items: center; width: 35px; height: 45px; font-size: 20px; color: #fff; text-decoration: none; }
.jestify-floating-buttons .whatsapp-btn { background: #25D366; }
.jestify-floating-buttons .share-btn { background: #D9534F; }

/*footer-popup-ad*/
#footer-popup-ad { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9999; background: #fff; box-shadow: 0 -4px 20px rgba(0,0,0,0.2); border-radius: 12px 12px 0 0; width: 300px; max-width: 95%; overflow: hidden; }
#footer-popup-ad .footer-close-ad { background: #000; color: #fff; font-weight: bold; text-align: center; padding: 5px 10px; border: none; font-size: 14px; cursor: pointer; display: block; margin: auto; }
.footer-ad-box { height: 550px; display: flex; align-items: center; justify-content: center; }