@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');

/*
 Theme Name:   GP Samachar Pro Hi
 Theme URI:    https://wpbazaar.in/gpsamacharprohi/
 Description:  GeneratePress Child Theme - GP Samachar Pro
 Author:       Wp Bazaar (Ashish Pandey)
 Author URI:   https://wpbazaar.in
 Template:     generatepress
 Version:      1.0
*/

/* 1) Load Montserrat (replace Jost) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* 1b) Force Montserrat everywhere (high specificity, !important to override theme fonts) */
html, body, .site, .site * {
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* 2) Post tags — boxed/pill design (covers common class names used by WP themes) */
.post-tags,
.tags-links,
.entry-tags,
.tag-links,
.meta-tags,
.single-post .tags,
.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  margin-bottom: 8px;
  align-items: center;
}
.post-tags a,
.tags-links a,
.entry-tags a,
.tag-links a,
.meta-tags a,
.single-post .tags a,
.article-tags a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f5f7fb;
  color: #0b2540;
  border: 1px solid rgba(10,10,10,0.06);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .18s ease, transform .12s ease, color .18s ease;
  line-height: 1;
}

.post-tags a:hover,
.tags-links a:hover,
.entry-tags a:hover,
.tag-links a:hover {
  background: var(--wpbazaar-primary, #0073e6);
  color: #fff;
  transform: translateY(-2px);
  border-color: rgba(0,0,0,0.06);
}

/* If theme outputs tags as simple spans */
.post-tags span,
.tags-links span,
.entry-tags span {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f5f7fb;
  color: #0b2540;
  border: 1px solid rgba(10,10,10,0.06);
  font-weight: 600;
}

/* 3) Leave a Comment — make name/email/website full width
   WordPress typical form classes: .comment-form input, .comment-form textarea, .comment-form .comment-form-author etc.
*/
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="password"],
.comment-form input[type="search"],
.comment-form input[type="tel"],
.comment-form input[type="number"],
.comment-form textarea,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
  width: 100% !important;
  box-sizing: border-box;
  display: block;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid var(--wpbazaar-border, #e4e4e4);
  background: var(--form-background-color, #fff);
  margin-bottom: 10px;
  font-family: inherit;
  font-size: 15px;
}

/* 4) Set padding 0 for the containers you specified */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
  padding: 0 !important;
}

/* 5) Buttons on hover/focus width:100% (apply to many button selectors as requested) */
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
  width: 100% !important;
  display: inline-block;
}

.gb-element-38dfdf5d {
    background-color: #f7f7f7;
    font-size: 11px;
    margin-bottom: 30px;
    margin-top: 60px !important;
}


/* 6) Inputs & form controls 100% width globally (requested) */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  width: 100% !important;
  box-sizing: border-box;
}





/* 9) Navigation branding padding zero */
.main-navigation.has-branding .inside-navigation.grid-container,
.main-navigation.has-branding.grid-container .inside-navigation:not(.grid-container) {
  padding: 0 !important;
}

/* 10) Next / Previous post design (single post navigation)
   Provides a modern boxed UI and responsive layout */
.post-navigation,
.entry-navigation,
.nav-links,
.single-post .nav-links {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 36px;
  margin-bottom: 36px;
  align-items: center;
  flex-wrap: wrap;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.entry-navigation .nav-previous,
.entry-navigation .nav-next,
.nav-links .nav-previous,
.nav-links .nav-next {
  flex: 1 1 45%;
}
.post-navigation a,
.entry-navigation a,
.nav-links a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--wpbazaar-border, #e4e4e4);
  text-decoration: none;
  color: var(--text-color, #0b2540);
  box-shadow: 0 6px 18px rgba(2,32,71,0.04);
  transition: transform .12s ease, box-shadow .18s ease, background-color .12s ease;
}
.post-navigation a:hover,
.entry-navigation a:hover,
.nav-links a:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(2,32,71,0.08);
  background: linear-gradient(180deg, var(--wpbazaar-primary, #0073e6), var(--wpbazaar-primary-2, #005bb5));
  color: #fff;
}

/* Previous arrow on the left, Next arrow on the right (icon placeholders if theme doesn't include) */
.post-navigation .nav-previous a::before,
.entry-navigation .nav-previous a::before {
  content: "◀";
  font-size: 18px;
  opacity: .9;
}
.post-navigation .nav-next a::after,
.entry-navigation .nav-next a::after {
  content: "▶";
  font-size: 18px;
  opacity: .9;
}

/* Small screens: stack */
@media (max-width: 720px) {
  .post-navigation .nav-previous,
  .post-navigation .nav-next,
  .entry-navigation .nav-previous,
  .entry-navigation .nav-next {
    flex-basis: 100%;
  }
  .post-navigation a,
  .entry-navigation a {
    justify-content: center;
  }

  /* Buttons hover rule (avoid weird full-width jumps on mobile) */
  button:hover,
  a.button:hover { width: auto !important; }
}

.wp-block-tag-cloud a {
    color: #ffffff;
    background-color: #0073e6;
    font-size: 10px !important;
    margin: 6px;
    padding: 8px;
    border-radius: 999px !important;
    display: inline-flex !important
;
    margin-right: 5px;
}


.gb-text-d1bb1b97 a {
    color: #ffffff!important;
    background-color: #0073e6;
    margin: 6px;
    padding: 8px;
    border-radius: 999px !important;
    display: inline-flex !important;
}


/* Small helpers - keep original look consistent */
a, a:visited { color: var(--wpbazaar-primary, #0073e6); }
button, .wp-block-button__link, input[type="submit"] { font-family: inherit; }

/* Extra: ensure card / generateblocks card hover still looks nice with new font */
.wpbazaar-card { font-family: inherit; }

/* End override block */


/* ====== ORIGINAL style.css START ====== */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');

/*
 Theme Name:   Wp Bazaar News Pro
 Theme URI:    https://wpbazaar.in/wp-bazaar-news-pro/
 Description:  GeneratePress Child Theme - Wp Bazaar News Pro
 Author:       Wp Bazaar
 Author URI:   https://wpbazaar.in
 Template:     generatepress
 Version:      1.0
*/

.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.site-content .content-area {
	margin-top: 35px;
}
.offside-js--is-open .slideout-overlay {
	background: rgba(0, 0, 0, .2);
	backdrop-filter: saturate(180%) blur(10px);
}

.inb-scroll-menu {
    background: white;
    display: block !important;
    color: black;
	width: 100%;
    overflow-x: auto;
	white-space: nowrap;
    position: fixed;
    z-index: 10000;
    border-top: 1px solid #ccc;
}
/* Sticky Sidebar widgets */ 
.auto-width.gb-query-loop-wrapper {
    flex: 1;
}
@media (min-width: 768px) {
.sticky-container > .gb-inside-container,.sticky-container {
    position: sticky;
    top: 150px;
}
#right-sidebar .inside-right-sidebar {
    height: 100%;
}
}
select#wp-block-categories-1 {
    width: 100%;
}
/*Social Share*/
.wpbazaar-social-wrapper {
    margin: 20px 5px 20px 5px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.wpbazaar-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.wpbazaar-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media only screen and (max-width: 600px) {
    .wpbazaar-social-sharing {
		display: inline-block;
    }
}
.wpbazaar-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpbazaar-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpbazaar-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpbazaar-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpbazaar-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpbazaar-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*sticky footer menu*/
@media only screen and (min-width: 960px) {
.sticky-footer-menu{display:none!important;}
}
.sticky-footer-menu {
	position: fixed;
	height: 60px;
	width: 100%;
	bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	z-index: 23235;
}

/*Follow Us Button*/
.whatsapphighlight {
	animation: wpbazaar-GreenBorderAnimation 1s infinite;
}
@keyframes wpbazaar-GreenBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #25d366;
	}
	100% {
		border-color: transparent;
	}
}
.telegramhighlight {
	animation: wpbazaar-BlueBorderAnimation 1s infinite;
}
@keyframes wpbazaar-BlueBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #0086ce;
	}
	100% {
		border-color: transparent;
	}
}

/* Global font */
body, input, textarea, select, button { font-family: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important; }

:root{ --wpbazaar-primary:#0073e6; --wpbazaar-primary-2:#005bb5; --wpbazaar-border:#e4e4e4 }

/* Wp Bazaar modern extras */
.wpbazaar-card { border:1px solid var(--wpbazaar-border); border-radius:8px; padding:12px; transition:transform .28s ease, box-shadow .28s ease; background:#fff }
.wpbazaar-card:hover { transform: translateY(-6px); box-shadow:0 20px 50px rgba(3,19,71,0.08) }
.wpbazaar-tilt{ transition: transform .45s cubic-bezier(.03,.98,.52,.99); transform-origin:center; }
.wpbazaar-tilt:hover{ transform: rotateX(6deg) rotateY(2deg) translateY(-8px); box-shadow:0 30px 60px rgba(2,32,71,0.12); }
.wpbazaar-badge{ position:absolute; top:10px; left:10px; background:var(--wpbazaar-primary); color:#fff; padding:6px 10px; border-radius:20px; font-weight:700; font-size:13px }
.wpbazaar-button{ background:linear-gradient(180deg,var(--wpbazaar-primary),var(--wpbazaar-primary-2)); color:white; padding:10px 16px; border-radius:8px; display:inline-block; text-decoration:none; font-weight:700 }
.wpbazaar-link:hover{ text-decoration:none; }
.gb-element-38dfdf5d{ display:flex; justify-content:center; align-items:center; } /* advertisement center for right sidebar element */




button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    width: 100%;
}







.wpb-post-nav-link {
    background: #e1e1e1;
}

.wpb-post-nav{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin:30px 0 10px;
  border-top:1px solid rgba(0,0,0,0.06);
  padding-top:18px;
  font-family: inherit;
}
.wpb-post-nav-link{
  display:flex;
  align-items:center;
  text-decoration:none;
  padding:10px 12px;
  flex:1 1 45%;
  border-radius:6px;
  transition:background .15s, transform .08s;
  color:inherit;
}
.wpb-post-nav-link:hover{ background: rgba(0,0,0,0.03); transform: translateY(-2px); }
.wpb-post-nav-body{ display:flex; gap:12px; align-items:center; }
.wpb-thumb img{ object-fit:cover; border-radius:4px; display:block; }
.wpb-thumb-fallback{ width:56px; height:56px; background:#eee; border-radius:4px; display:inline-block; }
.wpb-meta{ display:flex; flex-direction:column; text-align:left; }
.wpb-label{ font-size:11px; opacity:.75; text-transform:uppercase; letter-spacing:.6px; display:block; }
.wpb-title{ margin:0; font-size:14px; line-height:1.2; font-weight:600; color:#222; }
.wpb-arrow{ font-size:22px; opacity:.6; padding:0 10px; }
@media (max-width:760px){
  .wpb-post-nav{ flex-direction:column; gap:12px; }
  .wpb-post-nav-link{ width:100%; justify-content:flex-start; }
  .wpb-thumb img, .wpb-thumb-fallback{ }
  .wpb-arrow{ font-size:20px; }
}








/* ===== FIX: inb-scroll-menu gap issue ===== */

.main-navigation {
  margin-bottom: 0 !important;
  z-index: 10001;
  position: relative;
}

.inb-scroll-menu {
  position: fixed !important;
  left: 0;
  right: 0;
  background: #f7f3f3 !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  z-index: 9999 !important;
  transition: top .12s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.32);
}

html.admin-bar .inb-scroll-menu {
  top: 96px !important; /* 64px header + 32px admin bar */
}

@media (max-width: 782px) {
  html.admin-bar .inb-scroll-menu {
    top: 110px !important; /* adjust for taller mobile admin bar */
  }
}

/* ===== END FIX ===== */