/*
 Theme Name:   GeneratePress Blog
 Theme URI:    https://wplitetheme.com/gp-blog
 Description:  GeneratePress Child theme for Blog website. Using this child theme you can easily create a WordPress Blog website. This GeneratePress Child theme design by wplitetheme.com
 Author:       WPLiteTheme.com
 Author URI:   https://wplitetheme.com
 Template:     generatepress
 Version:      1.1
*/

/* GeneratePress Site CSS */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#wp-block-search__input-1 {
	border: 0px;
}
/*social-sharing-buttons*/
.wpjankari-social-wrapper {
    margin: 15px;
	  padding-left: 20px;
	  padding-right: 20px;
    font-size: 0;
    text-align: center;
	  display: flex;
    flex-wrap: wrap;
}
.wpjankari-social-sharing {
    padding: 8px;
	  margin: 4px;
	  border-radius: 4px;
    flex: 1;
}
@media only screen and (max-width: 600px) {
    .wpjankari-social-sharing {
        display: inline-block;
    }
}
.wpjankari-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpjankari-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpjankari-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*Comment Box*/
.comment-respond
.comment-reply-title {
	padding: 8px 8px 8px 20px;
	border-radius: 4px;
	color: #fff!important;
	background-color: var(--color-background);
	box-shadow: rgba(19,20,9,.2) 0 7px 28px;
}

/* कंटेंट सेक्शन */
.page-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

/* इमेज स्टाइलिंग (HTML में <img> टैग्स के लिए) */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
  border-radius: 8px;
}

/* मैन्युअल Featured Image स्टाइलिंग */
.featured-image-manual {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
  border-radius: 8px;
}

/* नेक्स्ट बटन (फुल-वाइड, हरा) */
.next-button {
  display: block !important;
  width: 100% !important;
  max-width: 400px !important;
  margin: 20px auto !important;
  padding: 15px !important;
  background-color: #28a745 !important;
  color: white !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  font-size: 18px !important;
  transition: background-color 0.3s ease !important;
}

/* होवर इफेक्ट */
.next-button:hover {
  background-color: #218838 !important;
}