/*
 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
*/


       .button, html input[type="button"], input[type="reset"], input[type="submit"] {background-image: linear-gradient(to right, #fe8c00 0%, #f83600  51%, #fe8c00  100%)}
       .button, html input[type="button"], input[type="reset"], input[type="submit"]{
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
           
          }

       .button, html input[type="button"], input[type="reset"], input[type="submit"]:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
         

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

.inside-right-sidebar {
  height: 100%;}
	
.inside-right-sidebar aside:last-child {
	position: -webkit-sticky;
	position: sticky;
	top: 70px; /*Adjust position */ 
  }


.byline img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle; border: 1px solid #333;
  border-radius: 10px;
    margin: 0 10px 0 0;
}
/* Verified tick badge: circular with centered check */
.byline .author a::after,
.entry-meta .byline .author a::after {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
width: 16px;
  height: 16px;              /* square -> perfect circle */
  vertical-align: middle;
font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
background-color: #336aea; /* badge fill */
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.08); /* subtle depth */
  opacity: .95;
}

/* Optional: slightly smaller on tight UIs */
@media (max-width: 480px) {
  .byline .author a::after,
  .entry-meta .byline .author a::after {
    width: 16px;
    height: 16px;
    font-size: 11px;
  }
}

/* Optional dark mode tweak */
@media (prefers-color-scheme: dark) {
  .byline .author a::after,
  .entry-meta .byline .author a::after {
    box-shadow: none;
    opacity: 1;
  }
}



.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;}

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

.read-more-container {
    margin-top: auto;
    text-align: center;
}
/* 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;
}
.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;
}
.post-image-above-header .no-featured-image-padding .inside-article .post-image {
   
}
h1.entry-title {
 color: #161616;text-align: left; font-size: 40px !important;padding-top:5px;
}
h2.entry-title {
color: #161616;text-align: center;padding-top:5px;font-size: 18px !important;
}

.site-header{
    box-shadow: rgb(0 2 0 / .16) 0 1px 1px;
}
/* =========================================
   Hip2Save-style full-bleed featured image
   (GeneratePress columns only; blog/home/archive/search)
   ========================================= */

/* 1) Make the card clip the image to its rounded corners */
body.blog .generate-columns .inside-article,
body.home .generate-columns .inside-article,
body.archive .generate-columns .inside-article,
body.search .generate-columns .inside-article {
  overflow: hidden; /* keeps your existing border-radius */
}

/* 2) Force the featured image wrapper to span the card width */
body.blog .generate-columns .inside-article .post-image,
body.home .generate-columns .inside-article .post-image,
body.archive .generate-columns .inside-article .post-image,
body.search .generate-columns .inside-article .post-image,
body.blog .generate-columns .inside-article .post-thumbnail,
body.home .generate-columns .inside-article .post-thumbnail,
body.archive .generate-columns .inside-article .post-thumbnail,
body.search .generate-columns .inside-article .post-thumbnail,
body.blog .generate-columns .inside-article figure.wp-block-post-featured-image,
body.home .generate-columns .inside-article figure.wp-block-post-featured-image {
  float: none !important;      /* kill any left/right layout */
  margin: 0 !important;        /* remove gaps around image */
  display: block !important;
  width: 100% !important;
  line-height: 0;
  order: -1;                   /* ensure image sits at top of card */
}

/* 3) Full-bleed: pull the image past inside-article padding */
body.blog .generate-columns .inside-article .post-image,
body.home .generate-columns .inside-article .post-image,
body.archive .generate-columns .inside-article .post-image,
body.search .generate-columns .inside-article .post-image,
body.blog .generate-columns .inside-article .post-thumbnail,
body.home .generate-columns .inside-article .post-thumbnail,
body.archive .generate-columns .inside-article .post-thumbnail,
body.search .generate-columns .inside-article .post-thumbnail,
body.blog .generate-columns .inside-article figure.wp-block-post-featured-image,
body.home .generate-columns .inside-article figure.wp-block-post-featured-image {
  /* adjust this if your card has different horizontal padding */
  margin-left: -20px !important;
	 margin-top: -30px !important;
  margin-right: -20px !important;
  width: calc(100% + 40px) !important;
}

/* 4) The image itself fills and crops nicely */
body.blog .generate-columns .inside-article .post-image img,
body.home .generate-columns .inside-article .post-image img,
body.archive .generate-columns .inside-article .post-image img,
body.search .generate-columns .inside-article .post-image img,
body.blog .generate-columns .inside-article .post-thumbnail img,
body.home .generate-columns .inside-article .post-thumbnail img,
body.archive .generate-columns .inside-article .post-thumbnail img,
body.search .generate-columns .inside-article .post-thumbnail img,
body.blog .generate-columns .inside-article figure.wp-block-post-featured-image img,
body.home .generate-columns .inside-article figure.wp-block-post-featured-image img {
  width: 100% !important;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;  /* consistent height like Hip2Save */
  object-fit: cover;     /* neat crop */
  transition: transform .25s ease;
}

/* (optional) keep your hover lift effect on images */
.generate-columns article:hover .post-image img,
.generate-columns article:hover .post-thumbnail img,
.generate-columns article:hover figure.wp-block-post-featured-image img {
  transform: scale(1.02);
}

/* Safety override for persistent theme button styles */
.htl-wrap .htl-more-btn{
  all: unset;
  display:inline-block !important;
  cursor:pointer !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  padding:8px 12px !important;
  border-radius:8px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  color:#0f172a !important;
  box-shadow:none !important;
  text-transform:none !important;
  font-weight:500 !important;
}
.htl-wrap .htl-more-btn[aria-expanded="true"]{ background:#f8fafc !important; }


.gyanoo-hero {
    width: 100%;
    padding: 80px 20px;
   background:#fcecd9;
 background-blend-mode: screen;
    text-align: center; 
}
.gyanoo-hero-inner {
    max-width: 800px;
    margin: auto;
}
.gyanoo-hero-title {
    font-size: 66px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ff641e;
}
.gyanoo-hero-sub {
    font-size: 33px;
    margin-bottom: 30px;
    color: #333;
}
.gyanoo-hero-form {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.gyanoo-hero-input {
    width: 70%;
    padding: 16px 20px;
    font-size: 18px;
    border: 1px solid #fe8c00 !important;
    border-radius: 5px !important;          /* rounded corners */
    outline: none;
   
}
.gyanoo-hero-input:focus {
    border-color: #1688D8;
}
.gyanoo-hero-button {
    padding: 16px 30px;
   background-image: linear-gradient(to right, #fe8c00 0%, #f83600  51%, #fe8c00  100%),
    color: #fff !important;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s;
}
.gyanoo-hero-button:hover {
   background-position: right center; /* change the direction of the change here */
            color: #fff !important;
}
.gyanoo-hero-topics {
    margin-top: 14px;
    font-size: 15px;
    color: #333;
}
.gyanoo-hero-topics-label {
    margin-right: 6px;
    color: #ff641e;
}
.gyanoo-hero-topic-link {
    display: inline-block;
    margin: 4px 8px 0 0;
    text-decoration: none;
    color: #000;
    border-bottom: 1px dotted transparent; /* subtle hover underline */
    transition: border-color .2s ease, color .2s ease;
}
.gyanoo-hero-topic-link:hover {
    color: #ff641e;
    border-color: #0f5c9c;}

.generate-back-to-top {
    font-size: 20px;
    border-radius: 22px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    line-height: 40px;
    width: 40px;
    text-align: center;}

/* === Gyanoo list styling (applies inside post content) === */
.entry-content ul,
.entry-content ol {
  margin: 0 0 1.1rem;
  padding-left: 0;          /* we'll offset with li padding */
  line-height: 1.65;
}

/* ---------- Ordered lists: blue rounded number badges ---------- */
.entry-content ol {
  list-style: none;
  counter-reset: gy-ol;
}
.entry-content ol > li {
  position: relative;
  counter-increment: gy-ol;
  padding-left: 3rem;        /* space for badge */
  margin: 0 0 .85rem;
}
.entry-content ol > li::before {
  content: counter(gy-ol);
  position: absolute; left: 0; top: .1rem;
  min-width: 2rem; height: 2rem; line-height: 2rem; padding: 0 .2rem;
  text-align: center; font-weight: 600;
  background: #336aea; color: #fff; border-radius: 999px;
  display: inline-block;}
/* Nested OL: 1.1, 1.2 style with slightly smaller badges */
.entry-content ol ol { counter-reset: gy-ol-n; margin-top: .4rem; }
.entry-content ol ol > li { counter-increment: gy-ol-n; padding-left: 2.4rem; margin-bottom: .6rem; }
.entry-content ol ol > li::before { content: counter(gy-ol) "." counter(gy-ol-n); }

/* ---------- Unordered lists: subtle blue dot with halo ---------- */
.entry-content ul { list-style: none; }
.entry-content ul > li {
  position: relative;
  padding-left: 1.3rem;
  margin: 0 0 .5rem;
}
.entry-content ul > li::before {
  content: "";
  position: absolute; left: 0; top: .55rem;
  width: .55rem; height: .55rem; border-radius: 0px;
  background: #ff6900;
  box-shadow: 0 0 0 3px rgba(2,133,255,.12);
}

/* ---------- Inside list items: tidy nested lists ---------- */
.entry-content li > ul,
.entry-content li > ol { margin-top: .4rem; }

/* ---------- After H2/H3: keep default OL numbering if you prefer ---------- */
/* Uncomment if you want only OL right after H2/H3 to be styled:
.entry-content h2 + ol,
.entry-content h3 + ol { ... }  // duplicate the OL blocks above with this selector
*/

/* ---------- Mobile tweaks ---------- */
@media (max-width: 480px) {
  .entry-content ol > li { padding-left: 2.6rem; }
  .entry-content ol > li::before {
    min-width: 1.75rem; height: 1.75rem; line-height: 1.75rem; font-size: .95rem;
  }
  .entry-content ul > li { padding-left: 1.6rem; }
  .entry-content ul > li::before { width: .45rem; height: .45rem; }
}

/* ---------- Optional dark mode polish ---------- */
@media (prefers-color-scheme: dark) {
  .entry-content ol > li::before { box-shadow: 0 2px 10px rgba(2,133,255,.35); }
  .entry-content ul > li::before { box-shadow: 0 0 0 4px rgba(2,133,255,.18); }
}

/* Responsive tables (full grid) */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: .98em;
  border: 1px solid #ff996a;           /* outer border */
}

.entry-content thead th {
  background-color:#fff !important;
  color:#112133;
  font-weight:700;
  border: 1px solid #ff996a;           /* header cell borders */
  border-bottom-width: 2px;            /* stronger header separator (optional) */
}

.entry-content th,
.entry-content td {
  padding: .65rem .75rem;
  border: 1px solid #ff996a;           /* FULL grid lines (rows + columns) */
}

.entry-content tbody tr:nth-child(even) { background:#fff; }
.entry-content tbody tr:nth-child(odd)  { background:#fff; }

@media (max-width: 680px) {
  .entry-content table {
    background-color:#fff !important;
    display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
}

/* Post Disclaimer Styling CSS */
.aips-disclaimer-note {
    margin: 1.25rem 0;
    padding: .85rem 1rem;
    background: #fff;
    border-left: 4px solid var(--wp--preset--color--vivid-green-cyan); background:#fffaf0;
    border-radius: 0px;
    border-top: none;
    border-right: none;font-style:italic;font-weight:bold;
    
}

/* Target blog posts on Home, Archive, and Search pages */
body.home .post,
body.archive .post,
body.search .post {
border-radius: 5px;
background-color: #fff;}

/* Articles */
 .inside-article {
border: 0px solid rgba(0,0,0,.08);
  border-radius: 10px;
  background: #fff;
  overflow: hidden; /* keeps featured image corners neat */
}

.generate-columns .inside-article {border: 1px solid #ddd;
    height: 100%;
    box-sizing: border-box;}

/* Spacing balance */
.separate-containers .site-main .inside-article {}

.sidebar .widget,
.footer-widgets .widget {
  border-radius: 10px;
  background: #fff;
  padding: 20px;
}
/* Container for author link + hover card */
/* Wrapper */
.author-hover-wrap { position: relative; display: inline-block; }

/* Align link + your circle tick badge if you added it */
.author-hover-wrap > a { display: inline-flex; align-items: center; gap: 6px; }
.author-verified-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px;height:18px;margin-left:6px;border-radius:50%;
  background:#3586ff;color:#fff;font-weight:700;font-size:12px;line-height:1;
}

/* Hover card base (hidden) */
.author-mini-card{
  position:absolute; left:0; top:120%;
  min-width:260px; max-width:320px; z-index:9999;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  border-radius:12px; padding:12px;
  opacity:0; transform:translateY(6px) scale(.98);
  pointer-events:none; transition:opacity .18s ease, transform .18s ease;
}
.author-mini-card::before{
  content:""; position:absolute; top:-6px; left:16px; width:10px; height:10px;
  background:#fff; border-left:1px solid rgba(0,0,0,.08);
  border-top:1px solid rgba(0,0,0,.08); transform:rotate(45deg);
}
.author-mini-card-inner{
  display:grid; grid-template-columns:56px 1fr; gap:10px; align-items:start;
}
.author-mini-avatar{ width:56px; height:56px; border-radius:50%; display:block; }
.author-mini-name{ font-size:14px; margin:0 0 4px; }
.author-mini-bio{ display:block; font-size:12px; line-height:1.45; color:#555; margin:0 0 8px; }
.author-mini-link{
  display:inline-block; font-size:12px; text-decoration:none;
  background:#fff; color:#000; padding:6px 10px; border-radius:8px;
}

/* Show on hover/focus */
.author-hover-wrap:hover .author-mini-card,
.author-hover-wrap:focus-within .author-mini-card{
  opacity:1; transform:translateY(0) scale(1); pointer-events:auto;
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .author-mini-card{ background:#111; color:#ddd; border-color:rgba(255,255,255,.1); box-shadow:0 10px 24px rgba(0,0,0,.6); }
  .author-mini-card::before{ background:#111; border-color:rgba(255,255,255,.1); }
}

/* If the card gets clipped, a parent likely has overflow:hidden. Prefer this: */
.entry-header, .entry-meta{ overflow:visible; position:relative; z-index:2; }

/* Keep meta inline and add subtle bullet spacing */
.entry-meta .meta-sep {
  margin: 0 8px;
  opacity: .6;
}
body.single-post .entry-content p > a:not(.button):not(.gb-button) {
    border-bottom: 1px solid #333;
    padding-bottom:2px;
}
.entry-content a:not(.wp-show-posts a) {
color: #000000;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
background-image: linear-gradient(to right, #DD8801 100%, #DD8801 0%);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 2px 2px;
}

.entry-content a:hover:not(.wp-show-posts a), .entry-content a:focus:not(.wp-show-posts a) {
background-color: #ff641e;
color: #FFFFFF;
}
.post-meta .author,
.post-meta .read-time {
    font-weight: bold;
    color: #555;
}
.custom-edit-post-link {
    display: inline-block;
    background: #0073aa;
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 15px;
}
.custom-edit-post-link:hover {
    background: #005177;
}
.entry-meta .byline,
.posted-by { display:inline-flex; align-items:center; gap:.5rem; }

.gp-author-avatar {
  width:28px; height:28px; border-radius:50%;
  display:inline-block; vertical-align:middle;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06); /* subtle ring */
}