/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.Desktop-Sticky {
    position:fixed;
    bottom:20px;
    z-index:9999;
    text-align:center;
}

.footer-widgets .widget-title {
    color: #e5322d !important;text-transform: uppercase;
}

.aligncente{
    border: 1px solid #000 !important;-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);max-width:500px;min-width:500px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    
border: 0px solid #333 !important;border-radius:6px;
}


.sidebar .widget {
    background-color: #ffffff;
    border: 0px solid #c1c4cc;
    border-radius: 0px;
}
.sidebar .widget:hover {
    -webkit-box-shadow: inset 0 -2px 0 #188bf6;
    box-shadow: inset 0 -2px 0 #188bf6;box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);
}


.dlipp-cont-bd {
    padding: 10px 10px !important;
    text-align: center;
    background-color: #fff;
}
.dlipp-cont-wp {
    clear: both;
    padding-top: 20px !important;
    text-indent: 0;
}

 .dlipp-dl-btn .wb-btn-outlined {
display: inline-block;
   

	box-sizing: border-box;
    min-width: 140px !important;
    line-height: 56px !important;
    height: 60px !important;
}

.dlipp-dl-btn a:hover{background-color:333;}


h2.entry-title {
   font-weight: 600;
    color: #153d5d;text-align: center; font-size: 18px !important;
}

.entry-summary {
    font-size: 14px !important; margin-bottom: 5px !important;
    overflow: hidden; color: #4C586A !important;}

.inside-article,.one-container .container,.single .single-content p {
    margin-bottom: 20px !important;
    line-height: 1.8 !important;
  

       overflow: hidden; 
}
   
.content-list .hentry .post-wrap, .content-list .content-ad {
    padding: 10px 0;
}


.widget_tag_cloud .tagcloud a:hover {
    background-color: #f5f5f5;
    color: #888 !important;box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);}

.rpwe-block a {
   display: block;
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    color: var(--wbFcs,#3e4045);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: -2px;
}
.site-header {
   border-top: 0px solid #e5322d;
	 box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
}


div.loop:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

@media (max-width: 768px) .post-image {
    margin-right: 0;
    margin-left: 0;
   float: clear;
    text-align: center;
}

.sidebar .widget .widget-title {
   margin-top: 0;
    text-transform: uppercase;
    font-size: 22px;
    background: #FCF1F1;
    text-align: center;
    color: #DC4847;box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
    border-bottom: 3px solid;
    padding: 4px 0px background: #FFF;
 
}
 

@media (max-width: 768px) {
    .post-image-aligned-left .inside-article .post-image {
        margin-right: 2em !important;
        float: left !important;

    }
}


@media (min-width: 769px) {
    #right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}



.entry-content p a {
    font-size: 18px !important;
    padding: 2px;
    border-radius: 0px;
    border: 0px solid #dbdbdb;text-decoration: underline !important;
    
}

.entry-title a:hover {color:#da6a0f !important;
}
.single-post .entry-content a:hover {
      color: #333;text-decoration: none !important;
}
.single-post .entry-content a {

    font-weight: 500;text-decoration: none !important;
}
.single-post .entry-content {

font-size: 24px !important;}
.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#888; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}

.navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a {
    color: #000000 !important;
    border-radius: 10px;
    border: 0px solid black; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px;background-color: #ffffff !important;
}


.post-image-above-header .inside-article div.post-image {
    margin-bottom: 0.2em !important;
}

.resize-featured-image .post-image img{
    border:0px solid #E1DFDF; 
display: block;max-width: 100%;position: relative;
    height: auto;
	
    object-fit: cover;
}



.byline img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
}


.byline,
.comments-link,
.posted-on {
    display: inline-block;
}
.comments-link,
.posted-on {
    border-left: 1px solid #ddd;
    padding-left: 3px;
    margin-left:3px;
}

.comments-link:before {
    display: none;
}
h2.entry-subtitle {
    margin-bottom: 20px;font-size: 14px; 
}


.posted-on .published {
    display: block;
}
.entry-meta, .entry-meta + .essb_links {
    display: flex;
}
.posted-on .updated {
    display: none;
}



.rpwe-block h3 {
    background: 0 0 !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 14px !important;
    line-height:0.890em;
}

.sidebar .widget {
    background-color: #ffffff;
    border-radius: 0px; }


.wp-show-posts-entry-title a {
    text-decoration: underline;font-size: 14px; 
}
.wp-show-posts-columns#wpsp-114{
    
}
   

.wp-show-posts-columns#wpsp-114 .wp-show-posts-inner {
    border: 0px solid #E6E6E6; background-color:#fefefe;
border-radius: 5px;padding:10px;
}

.wp-show-posts-columns#wpsp-114 .wp-show-posts-inner:hover {
    -webkit-box-shadow: inset 0 -2px 0 #188bf6;
    box-shadow: inset 0 -2px 0 #188bf6;box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);
}
.wplogout-social-wrapper {
    margin: 30px 0;
    font-size: 0;
}

.wplogout-social-wrapper span {
    font-weight: bold;
    padding-right: 10px;
    font-size: 16px;
}

.wplogout-social-sharing {
    font-size: 17px;
    padding: 7px 20px;
}

@media only screen and (max-width: 600px) {
    .wplogout-social-sharing {
        font-size: 17px;
        padding: 7px 12px;
        display: inline-block;
    }
}

.wplogout-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.wplogout-social-sharing:first-of-type {
    border-radius: 100px 0 0 100px;
}

.wplogout-social-sharing:last-of-type {
    border-radius: 0 100px 100px 0;
}

.wplogout-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);

}

.wplogout-social-facebook:hover {
    background-color: rgba(59, 89, 152, .8);
}

.wplogout-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.wplogout-social-twitter:hover {
    background-color: rgba(29, 161, 242, .8);
}

.wplogout-social-pinterest {
    fill: #fff;
    background-color: rgba(189, 8, 28, 1);
}

.wplogout-social-pinterest:hover {
    background-color: rgba(189, 8, 28, .8);
}

.wplogout-social-linkedin {
    fill: #fff;
    background-color: rgba(0, 119, 181, 1);
}

.wplogout-social-linkedin:hover {
    background-color: rgba(0, 119, 181, .8);
}

.wplogout-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.wplogout-social-whatsapp:hover {
    background-color: rgba(37, 211, 102, .8);
}

.wplogout-social-reddit {
    fill: #fff;
    background-color: rgba(255, 87, 0, 1);
}

.wplogout-social-reddit:hover {
    background-color: rgba(255, 87, 0, .8);
}

.wplogout-social-telegram{    
    background-color: rgba(0,136,204 ,1); fill: #fff;
}

.wplogout-social-telegram:hover {    
    background-color: rgba(0,136,204 ,.8);
}


@media (min-width: 769px) {
.site-content {
  display: flex;
	}
	
.inside-right-sidebar {
  height: 100%;
	}
	
.inside-right-sidebar aside:last-child {
	position: -webkit-sticky;
	position: sticky;
	top: 70px; /*Adjust position */
  }
}

.red-color {
        color:red;
    }


.wp-block-search .wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;border-radius:5px;
    padding: 0.375em 0.625em;
    color: #32373c;
    margin-left: 0.625em;
    word-break: normal;
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494;border-radius:5px;
}


.offer {
    background: 0 0;
    border: 2px solid #333; padding: 15px;
    margin-bottom: 16px; background-color: #e9f5f9;
}
.blue {
    background-color: #e9f5f9;
    padding: 15px;
	margin-bottom: 16px;}
	
.entry-content h3 {
    display: block;
    background: transparent;
    padding: 0 0 5px;
    border-bottom: 5px solid #da6a0f;
	
}


.entry-content h2 {
    display: block;
    background: transparent;
    padding: 0 0 5px;
    border-bottom: 5px solid #da6a0f;
	
}


.no-featured-image-padding .post-image {
    margin-left: -30px;
    margin-right: -30px;
	margin-top: -30px;
}
.post-image-above-header .no-featured-image-padding .inside-article .post-image {
    margin-top: -30px;
}

.read-more-container {
    margin-top: auto;
    text-align: center;
}


/* GeneratePress Site CSS */ /* Main container styles */

@media (max-width: 768px) {
    body .site.grid-container {
        margin-left: 30px;
        margin-right: 30px;
    }
}
.site-content .inside-article, .sidebar .widget, .comments-area {
    box-shadow: 0px 0px 0px 1px rgba(214,218,222,1);
}

/* Posts grid styles */
@media (min-width: 769px) {
    .generate-columns .inside-article {
        transition: all 0.2s ease-in;
        transform: scale(1);
    }
    .generate-columns .inside-article:hover {
        transform: scale(1.01);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    }
    p.read-more-container {
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }
    .generate-columns .inside-article:hover p.read-more-container {
        opacity: 1;
    }
}
.generate-columns .inside-article {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
}
.generate-columns .inside-article .entry-summary {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.entry-summary p:not(.read-more-container) {
    display: none;
}
.read-more-container {
    margin-top: auto;
    text-align: center;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 3px;
}
.blog footer.entry-meta, .archive footer.entry-meta {
    margin-top: 0;
}

.p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.blog .entry-meta, .archive .entry-meta {
    margin-top: 0;text-align: center;
}
.entry-meta {
    font-size: 75%;
    margin-top: 0.5em;
    line-height: 1.5;text-align: center;
}


.share-actions {
    display: inline-flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
}

.share-actions .btn.share-actions__btn {
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    background-color: #ffffff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.share-actions .btn.share-actions__btn:hover {
    background-color: #f3f4f6;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Copy button when copied */
.share-actions .btn.is-copied {
    background-color: #4caf50;
    color: #fff;
    border-color: #4caf50;
}

/* WhatsApp button style */
.share-actions a[href*="wa.me"] {
    background-color: #25D366;
    color: #fff;
    border-color: #1DA851;
}
.share-actions a[href*="wa.me"]:hover {
    background-color: #1DA851;
}

/* Facebook button style */
.share-actions a[href*="facebook.com"] {
    background-color: #1877F2;
    color: #fff;
    border-color: #0F6AE6;
}
.share-actions a[href*="facebook.com"]:hover {
    background-color: #0F6AE6;
}


/* === Elegant Search Box (ShayariFor.com) === */
/* === Elegant Search Bar (No Dropdown) === */
.sw-search-wrap {
  display: flex;
  justify-content: center;
  padding: 14px 16px;
  background: transparent;
}

.sw-search {
  display: flex;
  align-items: center;
  background: var(--sw-bg, #fff);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 999px;
  padding: 6px 10px;
  width: min(600px, 92vw);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  transition: box-shadow .2s ease, border-color .2s ease;
}

.sw-search:focus-within {
  border-color: rgba(0,0,0,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.09);
}

.sw-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 8px 10px;
  background: transparent;
}

.sw-icon {
  height: 40px;
  width: 40px;
  border: none;
  background: #0073aa; /* WP Blue */
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background .2s ease;
}
.sw-icon:hover {
  background: #005f8d;
}
.sw-icon svg path {
  fill: #fff;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .sw-search {
    --sw-bg: #141414;
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 6px 20px rgba(0,0,0,.3);
  }
  .sw-input { color: #f5f5f5; }
}

/* =========================
   TYPOGRAPHY ONLY OVERRIDES
   (Responsive font sizes via clamp, no layout/color changes)
   Appended at end
========================= */

:root{
  /* Type scale */
  --fs-xxs: clamp(11px, 0.68rem + 0.05vw, 12px);
  --fs-xs:  clamp(12px, 0.72rem + 0.15vw, 13.5px);
  --fs-sm:  clamp(13.5px, 0.82rem + 0.25vw, 15px);
  --fs-base:clamp(15px, 0.95rem + 0.35vw, 17px);
  --fs-md:  clamp(17px, 1.05rem + 0.55vw, 20px);
  --fs-lg:  clamp(20px, 1.15rem + 0.9vw, 26px);
  --fs-xl:  clamp(24px, 1.25rem + 1.4vw, 32px);
  --fs-2xl: clamp(28px, 1.6rem + 2vw, 40px);
}

/* Base text */
body{
  font-size: var(--fs-base);
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Global headings (keeps your borders/colors) */
h1{ font-size: var(--fs-2xl); line-height: 1.2; }
h2{ font-size: var(--fs-xl);  line-height: 1.25; }
h3{ font-size: var(--fs-lg);  line-height: 1.3; }
h4{ font-size: var(--fs-md);  line-height: 1.35; }
h5{ font-size: var(--fs-base);line-height: 1.4; }
h6{ font-size: var(--fs-sm);  line-height: 1.45; }

/* Post titles (archive vs single) */
.blog h2.entry-title,
.archive h2.entry-title{ font-size: var(--fs-lg); }

.single h1.entry-title{ font-size: var(--fs-2xl); }

/* Optional subtitle size */
h2.entry-subtitle{ font-size: var(--fs-sm); }

/* Article text */
.entry-content p,
.entry-content li{ font-size: var(--fs-base); }

/* Excerpt / summary */
.entry-summary{ font-size: var(--fs-sm) !important; }

/* Meta & byline */
.entry-meta,
.byline,
.posted-on,
.comments-link{ font-size: var(--fs-xs); }

/* Sidebar widget heading */
.sidebar .widget .widget-title{ font-size: var(--fs-md); }

/* Recent posts widgets & lists */
.rpwe-block a,
.rpwe-block h3,
.wp-show-posts-entry-title a{ font-size: var(--fs-sm) !important; }

/* Tag cloud (avoid fighting inline sizes; just set a minimum) */
.widget_tag_cloud .tagcloud a{ font-size: max(var(--fs-xs), .85rem); }

/* Header nav links (readable but compact) */
.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-item > a{ font-size: var(--fs-sm); }

/* Search components */
.navigation-search input[type="search"]{ font-size: var(--fs-sm) !important; }
.sw-input{ font-size: var(--fs-base); } /* your custom elegant search */

/* Buttons in share/actions areas */
.share-actions .btn.share-actions__btn{ font-size: var(--fs-sm); }

/* Footer widgets text */
.footer-widgets,
.footer-widgets p,
.footer-widgets li{ font-size: var(--fs-sm); }

/* Small print areas */
.relatedposts,
.relatedposts h3,
.relatedthumb a{ font-size: var(--fs-xs); }


/* Inline Related Two Posts – clean white cards, no images */
.ir2-rel { margin: 2rem 0; }
.ir2-rel__heading { margin: 0 0 .9rem; font-size: 1.1rem; font-weight: 700; }

/* Responsive 2-card grid */
.ir2-rel__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(1, minmax(0,1fr));
  align-items: stretch;
}
@media (min-width: 520px){ .ir2-rel__grid { grid-template-columns: repeat(2, 1fr); } }

/* Card (no radius, soft shadow, equal-looking heights) */
.ir2-card {
  background: #eaeaea;
  border-radius: 0;
  box-shadow: 0 0 0px 1px rgba(214, 218, 222, 1);
  overflow: hidden;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  display: flex;
}

.ir2-card:hover {
  transform: translateY(-3px);
 -webkit-box-shadow: inset 0 -2px 0 #188bf6;
    box-shadow: inset 0 -2px 0 #188bf6;box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);
}

/* Make entire card clickable; keep heights consistent */
.ir2-card__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  width: 100%;
  padding: 16px 18px;
  min-height: 110px; /* tweak if you want taller cards */
  background: #fff;
}

/* Title + excerpt */
.ir2-card__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 6px;
}
.ir2-card__excerpt {
  margin: 0;
  font-size: .94rem;
  line-height: 1.45;
  color: #444;
}

/* Ensure no underlines (overrides theme styles) */
.ir2-rel .ir2-card__link,
.ir2-rel .ir2-card__link:hover,
.ir2-rel .ir2-card__link:focus,
.ir2-rel .ir2-card__title {
  text-decoration: none !important;
}
/* === Post Content Font Size Boost === */
.entry-content p,
.entry-content li,
.entry-content {
    font-size: clamp(18px, 1.1rem + 0.4vw, 22px) !important;
    line-height: 1.8 !important;
}

/* === Elegant Quote Styling === */



.entry-content blockquote {   
    position: relative;
    background: #ffffff; 
    border-left: 4px solid #1cb7f5; /* Accent color */
    margin: 1.5em 0;
    padding: 1.2em 1.5em 1.2em 2em;
    font-style: italic;
    font-size: clamp(18px, 1.1rem + 0.4vw, 22px);
    line-height: 1.7;
    color: #333;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -2px 0 #188bf6;
    box-shadow: inset 0 -2px 0 #188bf6;   box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%);
}
.entry-content blockquote:hover{-webkit-box-shadow: inset 0 -2px 0 #188bf6;
	box-shadow: inset 0 -2px 0 #188bf6;box-shadow: 3px 3px 3px 3px rgb(0 0 0 / 20%);}
/* Decorative quotation mark */
.entry-content blockquote:before {
    content: "“";
    font-size: 3rem;
    color: #333; /* Soft accent */
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: Georgia, serif;
}

/* Cite / source inside blockquote */
.entry-content blockquote cite {
    display: block;
    margin-top: 0.8em;
    font-size: 0.9em;
    font-style: normal;
    color: #666;
}

/* Mobile optimization */
@media (max-width: 600px) {
    .entry-content blockquote {
        font-size: 18px;
        padding: 1em 1.2em 1em 1.8em;
    }
}
/* Force 0.5rem radius on all quote action buttons */
.entry-content .sw-bq-actions .sw-bq-btn,
.entry-content .bq-actions .bq-btn {
  border-radius: .5rem !important;
}

/* ===============================
   Off-Canvas Navigation Spacing
   =============================== */

/* 1. Add space inside the off-canvas menu (before menu items) */
.slideout-navigation {
    padding-top: 30px;   /* space before first menu item */
    padding-left: 20px;  /* optional: space on left */
    padding-right: 20px; /* optional: space on right */
    padding-bottom: 20px;
    box-sizing: border-box;
}

/* 2. Add space outside the panel (gap between screen edge & menu) */
.slideout-navigation.do-overlay {
    left: 20px;  /* for left-side off-canvas */
    right: auto; /* reset if needed */
    width: calc(100% - 40px); /* keep width correct */
    border-radius: 8px;       /* rounded look (optional) */
    overflow: hidden;         /* keeps border-radius clean */
}

/* If your off-canvas is on the right side */
.slideout-navigation.do-overlay.offside--right {
    right: 20px;
    left: auto;
    width: calc(100% - 40px);
}

/* 3. Mobile-only adjustments (extra breathing room on small screens) */
@media (max-width: 768px) {
    .slideout-navigation {
        padding-top: 40px; /* more top space on mobile */
    }
    .slideout-navigation.do-overlay {
        left: 15px;  
        right: 15px; 
        width: calc(100% - 30px);
    }
}
.offcanvas-logo img {
    border-radius: 6px;  /* optional rounded logo */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* subtle shadow */
}