/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Version:        4.2.11
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/
/*
Theme Name: ADOH Child
Theme URI: https://www.adawnofheroes.org
Description: Child theme of Neve for A Dawn of Heroes customisations.
Author: A Dawn of Heroes
Template: neve
Version: 1.1.0
*/

/* ============================================================================
   Aurora, applied to the site chrome and the ordinary pages.

   The values are mirrored from .claude/memory/design_system.md - change them
   there first, then here and in the armory copy. Nothing generates one from
   another.

   Two things about Neve decide the shape of this file:

   1. Neve exposes its palette as `--nv-*` custom properties and then builds
      DERIVED properties from them ON :root - `--primarybtnbg: var(--nv-primary-accent)`,
      `--wp--preset--color--nv-c-2: var(--nv-c-2)` and so on. A custom property is
      substituted where it is DECLARED, so those derived values were already
      computed against the Neve blue by the time they reach us: overriding
      `--nv-primary-accent` further down does not move them. Every derived
      property we care about is therefore re-declared here by name, next to the
      `--nv-*` one it came from.
   2. Neve prints its own rules as an inline <style> in wp_head, and this
      stylesheet is enqueued after it. So a same-specificity rule here wins on
      order - which is why the row-level `--bgcolor` overrides below are enough
      and none of this needs !important.

   SCOPE OF THIS PASS. The chrome (header, footer, menu) and the site typography
   go dark everywhere. The dark GROUND is applied only where the body carries
   `adoh-dark`, which functions.php withholds from WooCommerce and from the
   BetterDocs knowledge base - those two get their own pass, and until then they
   keep the light Neve skin under a dark header. `body.adoh-dark` is the only
   switch; widen it in functions.php, not here.
   ========================================================================= */


/* ---------------------------------------------------------------------------
   1. Tokens
   ------------------------------------------------------------------------ */

:root {
    --adoh-ground:      #12100D;
    --adoh-surface:     #1A1713;
    --adoh-surface-2:   #221E18;
    --adoh-line:        #332D24;
    --adoh-line-strong: #463D30;
    --adoh-hover:       #262119;

    --adoh-ink:   #EFE7D6;   /* 15.4:1 */
    --adoh-ink-2: #A79C88;   /*  7.0:1 */
    --adoh-ink-3: #756B5B;   /*  3.6:1 - labels only, below the text threshold */

    /* the single accent: it marks what can be interacted with */
    --adoh-gold:     #C9A464; /*  8.1:1 */
    --adoh-gold-hi:  #E3C48A; /* 11.3:1 */
    --adoh-gold-dim: #8A6F3E; /*  4.0:1 - borders and data marks only */

    /* semantic set - the roles inc_color.nss already declares */
    --adoh-success: #58B368;
    --adoh-danger:  #D4635E;
    --adoh-warning: #E0A83C;
    --adoh-info:    #7FB2D4;
    --adoh-magic:   #B368E0;
    --adoh-divine:  #F3E6CC;

    --adoh-ff-display: "Cinzel", "Trajan Pro", Georgia, serif;
    --adoh-ff-prose:   "Spectral", Georgia, "Times New Roman", serif;
    --adoh-ff-ui:      "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}


/* ---------------------------------------------------------------------------
   2. Typography - site wide, including the two surfaces still on the light skin

   Faces are not a palette decision: a store page in Arial next to a header in
   IBM Plex reads as a broken page, not as a transitional one. Only the colour
   waits for the second pass.
   ------------------------------------------------------------------------ */

:root {
    --bodyfontfamily: "IBM Plex Sans";
    --nv-fallback-ff: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Cinzel is a caps face and unusable for text: h1 and h2 only, plus the
   wordmark. h3 and below stay on the UI face, which is what they are. */
h1, h2,
.site-title,
.nv-page-title,
.entry-title {
    font-family: var(--adoh-ff-display);
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.15;
}

h3, h4, h5, h6 {
    font-family: var(--adoh-ff-ui);
    font-weight: 600;
    letter-spacing: .01em;
}

/* Digits that appear in a column line up. */
table, .price, .woocommerce-Price-amount, time {
    font-variant-numeric: tabular-nums;
}

/* Arial Black for the menu was the Neve factory value, not a choice. */
.builder-item--primary-menu {
    --fontfamily: var(--adoh-ff-ui);
    --fontweight: 600;
    --fontsize: .95em;
    --letterspacing: .02em;
    --texttransform: none;
}
.hfg-is-group.has-primary-menu .inherit-ff {
    --inheritedff: var(--adoh-ff-ui);
    --inheritedfw: 600;
}


/* ---------------------------------------------------------------------------
   3. Chrome - header, menu and footer, dark on every page

   The row-level properties are the ones the Neve components read. Setting them
   here repaints the whole header without having to chase each component.
   ------------------------------------------------------------------------ */

.header-top,
.header-main,
.header-bottom {
    --bgcolor:  var(--adoh-surface);
    --color:    var(--adoh-ink);
    --rowbcolor: var(--adoh-line);
}

/* the slide-in panel behind the mobile menu */
.header-menu-sidebar-bg,
.header-menu-sidebar {
    --bgcolor: var(--adoh-surface);
    --color:   var(--adoh-ink);
}

.footer-top,
.footer-main {
    --bgcolor:  var(--adoh-surface);
    --color:    var(--adoh-ink-2);
    --rowbcolor: var(--adoh-line);
}
.footer-bottom {
    --bgcolor:  var(--adoh-ground);
    --color:    var(--adoh-ink-2);
    --rowbcolor: var(--adoh-line);
}

/* a hairline under the header so it separates from the page without a shadow */
#header-grid.site-header {
    border-bottom: 1px solid var(--adoh-line);
}

.site-title {
    color: var(--adoh-ink);
}
.site-logo .brand small,
.nv-title-tagline-wrap small {
    color: var(--adoh-ink-3);
    letter-spacing: .04em;
}

/* --- the menu ----------------------------------------------------------- */

/* Neve marks the hovered and the current item with a 2px bar that grows out of
   `.wrap::after`. Gold alone says the same thing, and rule 1 of the system is
   that the accent is what marks interaction - so the bar goes and the colour
   stays. `content: none` rather than `display: none`: the pseudo-element is
   never generated, so nothing is left to animate. */
.builder-item--primary-menu .nav-ul > li > .wrap::after,
.builder-item--primary-menu .nav-ul .sub-menu .wrap::after,
.header-menu-sidebar .nav-ul .wrap::after {
    content: none;
}

.builder-item--primary-menu {
    --color:       var(--adoh-ink);
    --hovercolor:  var(--adoh-gold);
    --activecolor: var(--adoh-gold);
    --hovertextcolor: var(--adoh-gold);
}

/* Belt and braces on the decoration itself: the bar above is the Neve one, but
   a plugin or a future core default can still underline a nav link, and a menu
   is the one place where that must not happen. Content links get theirs back in
   section 4. */
.site-header a,
.header-menu-sidebar a,
.site-footer a {
    text-decoration: none;
}
.site-footer a {
    color: var(--adoh-ink-2);
}
.site-footer a:hover,
.site-footer a:focus-visible {
    color: var(--adoh-gold);
}

.nav-ul .sub-menu {
    --bgcolor: var(--adoh-surface-2);
    border: 1px solid var(--adoh-line);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

/* the cart bubble */
.header-cart-icon .cart-count,
.responsive-nav-cart .cart-count {
    background: var(--adoh-gold);
    color: var(--adoh-ground);
}

.site-header :focus-visible,
.site-footer :focus-visible {
    outline: 2px solid var(--adoh-gold);
    outline-offset: 2px;
}


/* ---------------------------------------------------------------------------
   4. The dark surface

   Everything below applies only where functions.php put `adoh-dark` on the
   body: the ordinary pages and posts, not the store and not the docs.
   ------------------------------------------------------------------------ */

body.adoh-dark {
    background-color: var(--adoh-ground);
    color: var(--adoh-ink);
    /* form controls, scrollbars and the UA widgets follow */
    color-scheme: dark;

    /* --- the Neve palette ----------------------------------------------- */
    --nv-site-bg:          var(--adoh-ground);
    --nv-light-bg:         var(--adoh-surface);
    --nv-dark-bg:          var(--adoh-surface-2);
    --nv-text-color:       var(--adoh-ink);
    --nv-text-dark-bg:     var(--adoh-ink);
    --nv-primary-accent:   var(--adoh-gold);
    --nv-secondary-accent: var(--adoh-gold-hi);
    --nv-c-1:              var(--adoh-magic);
    --nv-c-2:              var(--adoh-danger);

    /* --- and the values Neve already derived from it on :root ------------ */
    --wp--preset--color--nv-site-bg:      var(--adoh-ground);
    --wp--preset--color--nv-light-bg:     var(--adoh-surface);
    --wp--preset--color--nv-dark-bg:      var(--adoh-surface-2);
    --wp--preset--color--nv-text-dark-bg: var(--adoh-ink);
    --wp--preset--color--nv-c-1:          var(--adoh-magic);
    /* the homepage sets this one on "THIS IS NOT THE ROBLOX GAME": the Neve
       #be574b reads 3.3:1 on the dark ground, the semantic danger reads 5.2:1 */
    --wp--preset--color--nv-c-2:               var(--adoh-danger);
    --wp--preset--color--neve-text-color:      var(--adoh-ink);
    --wp--preset--color--neve-link-color:      var(--adoh-gold);
    --wp--preset--color--neve-link-hover-color: var(--adoh-gold-hi);

    --primarybtnbg:         var(--adoh-gold);
    --primarybtnhoverbg:    var(--adoh-gold-hi);
    --primarybtncolor:      var(--adoh-ground);
    --primarybtnhovercolor: var(--adoh-ground);
    --secondarybtncolor:      var(--adoh-gold);
    --secondarybtnhovercolor: var(--adoh-gold-hi);
    --primarybtnborderradius:   4px;
    --secondarybtnborderradius: 4px;

    --formfieldbgcolor:     var(--adoh-surface-2);
    --formfieldbordercolor: var(--adoh-line);
    --formfieldcolor:       var(--adoh-ink);
}

/* --- the backdrop ------------------------------------------------------- *
 *
 * Two fixed layers of gradients, no image and no script. They are the body own
 * pseudo-elements, which works because a background set on <body> is propagated
 * to the canvas and painted behind everything - so the layers at z-index 0 sit
 * above the ground and below the page, with nothing added to the markup.
 *
 * `.wrapper` is the single Neve child of <body> and is lifted to z-index 1 to
 * be that page. Anything a plugin appends to <body> later still paints above
 * the backdrop on document order alone.
 *
 * The parallax is the scroll-driven-animation form: the far field drifts a
 * little, the near field more, both tied to the scroll of the document itself.
 * Where `animation-timeline` is unsupported the layers simply stay put, which
 * is the old background-attachment: fixed effect and perfectly presentable - so
 * there is no fallback to write.
 */

body.adoh-dark > .wrapper {
    position: relative;
    z-index: 1;
}

body.adoh-dark::before,
body.adoh-dark::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    /* the bleed has to cover the largest drift below, or the edge of the layer
       scrolls into view at the bottom of a long page */
    top: -25vh;
    bottom: -25vh;
    z-index: 0;
    pointer-events: none;
}

/* far field: the dawn. A warm rise at the top, the ground below it, and two
   wide off-centre glows so the field is not a flat vertical ramp. */
body.adoh-dark::before {
    background:
        radial-gradient(120% 62% at 50% -8%, rgba(201, 164, 100, .17), transparent 62%),
        radial-gradient(78% 46% at 10% 14%,  rgba(138, 111, 62, .13),  transparent 70%),
        radial-gradient(86% 52% at 92% 26%,  rgba(127, 178, 212, .05), transparent 72%),
        linear-gradient(180deg, #1C1813 0%, var(--adoh-ground) 52%, #0C0A08 100%);
}

/* near field: a little tooth, then the vignette that keeps the corners out of
   the way of the text. The two repeating gradients are at incommensurate angles
   and periods on purpose - a square grid at this scale moires, a weave does
   not. The alphas are deliberately at the edge of visible. */
body.adoh-dark::after {
    background:
        repeating-linear-gradient( 43deg, rgba(239, 231, 214, .013) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(-37deg, rgba(0, 0, 0, .05)        0 1px, transparent 1px 4px),
        radial-gradient(130% 95% at 50% 45%, transparent 42%, rgba(0, 0, 0, .55) 100%);
}

@supports (animation-timeline: scroll()) {
    @media (prefers-reduced-motion: no-preference) {
        body.adoh-dark::before,
        body.adoh-dark::after {
            will-change: transform;
            animation-timing-function: linear;
            animation-timeline: scroll(root block);
        }
        body.adoh-dark::before { animation-name: adoh-drift-far; }
        body.adoh-dark::after  { animation-name: adoh-drift-near; }
    }
}

@keyframes adoh-drift-far  { to { transform: translate3d(0, -7vh, 0) scale(1.03); } }
@keyframes adoh-drift-near { to { transform: translate3d(0, -18vh, 0); } }

/* --- content ------------------------------------------------------------ */

/* Long-form text takes the prose face; the interface around it does not. */
body.adoh-dark .nv-content-wrap p,
body.adoh-dark .nv-content-wrap li,
body.adoh-dark .nv-content-wrap blockquote {
    font-family: var(--adoh-ff-prose);
    font-size: 1.05em;
    line-height: 1.7;
}

/* Hierarchy comes from the typeface, not from colour: headings are ink, and the
   accent is left to mean "you can click this". */
body.adoh-dark h1,
body.adoh-dark h2,
body.adoh-dark h3,
body.adoh-dark h4,
body.adoh-dark h5,
body.adoh-dark h6 {
    color: var(--adoh-ink);
}

/* The underline the menu gave up. In running text a link has to be findable
   without relying on colour alone, which is rule 2 of the system; in a menu,
   position already says it. Buttons are links too and are excluded. */
body.adoh-dark .nv-content-wrap a:not(.wp-element-button):not(.wp-block-button__link),
body.adoh-dark .entry-content a:not(.wp-element-button):not(.wp-block-button__link) {
    color: var(--adoh-gold);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--adoh-gold-dim);
    text-underline-offset: .18em;
}
body.adoh-dark .nv-content-wrap a:not(.wp-element-button):not(.wp-block-button__link):hover,
body.adoh-dark .entry-content a:not(.wp-element-button):not(.wp-block-button__link):hover {
    color: var(--adoh-gold-hi);
    text-decoration-color: var(--adoh-gold-hi);
}
/* a link that wraps nothing but an image is a thumbnail, not a phrase */
body.adoh-dark .nv-content-wrap figure a,
body.adoh-dark .entry-content figure a {
    text-decoration: none;
}

/* A button block with no colour of its own falls to the WordPress core default,
   a grey that belongs to no palette here - core declares it as
   `:root :where(.wp-element-button, .wp-block-button__link)`, so any real class
   chain outranks it. A button the editor HAS coloured is content and is left
   alone, which is what `.has-background` and `.has-text-color` mark. */
body.adoh-dark .wp-block-button__link:not(.has-background) {
    background-color: var(--adoh-gold);
}
body.adoh-dark .wp-block-button__link:not(.has-text-color) {
    color: var(--adoh-ground);
}
body.adoh-dark .wp-block-button__link:not(.has-background):hover {
    background-color: var(--adoh-gold-hi);
}
body.adoh-dark .is-style-outline .wp-block-button__link:not(.has-background) {
    background-color: transparent;
    border-color: var(--adoh-gold);
    color: var(--adoh-gold);
}

body.adoh-dark :focus-visible {
    outline: 2px solid var(--adoh-gold);
    outline-offset: 2px;
}

body.adoh-dark ::selection {
    background: var(--adoh-gold-dim);
    color: var(--adoh-ink);
}

body.adoh-dark hr,
body.adoh-dark .wp-block-separator {
    border: 0;
    border-top: 1px solid var(--adoh-line);
    color: var(--adoh-line);
}

body.adoh-dark blockquote {
    border-left: 2px solid var(--adoh-gold-dim);
    background: var(--adoh-surface);
    color: var(--adoh-ink-2);
    padding: 12px 16px;
    border-radius: 4px;
}

body.adoh-dark code,
body.adoh-dark pre,
body.adoh-dark kbd {
    background: var(--adoh-surface-2);
    border: 1px solid var(--adoh-line);
    border-radius: 4px;
    color: var(--adoh-ink);
}

body.adoh-dark table,
body.adoh-dark th,
body.adoh-dark td {
    border-color: var(--adoh-line);
}
body.adoh-dark th {
    color: var(--adoh-ink-3);
    text-transform: uppercase;
    font-size: .74rem;
    letter-spacing: .06em;
}

body.adoh-dark input,
body.adoh-dark textarea,
body.adoh-dark select {
    background: var(--adoh-surface-2);
    border-color: var(--adoh-line);
    color: var(--adoh-ink);
}
body.adoh-dark ::placeholder {
    color: var(--adoh-ink-3);
    opacity: 1;
}

/* Cards and boxed areas Neve paints with its light background. */
body.adoh-dark .nv-is-boxed,
body.adoh-dark .widget,
body.adoh-dark .nv-comments-wrap,
body.adoh-dark .comment-respond {
    background: var(--adoh-surface);
    border: 1px solid var(--adoh-line);
    border-radius: 8px;
}
/* Widgets in the chrome are chrome, not cards: they sit on the header or footer
   ground. The header cart dropdown is a widget inside a widget, so leaving this
   out gives it a border around a border. */
body.adoh-dark .site-header .widget,
body.adoh-dark .site-footer .widget {
    background: none;
    border: 0;
    border-radius: 0;
}

body.adoh-dark .scroll-to-top {
    --bgcolor: var(--adoh-surface-2);
    --hoverbgcolor: var(--adoh-surface);
    --color: var(--adoh-gold);
    --hovercolor: var(--adoh-gold-hi);
    border: 1px solid var(--adoh-line);
}


/* ---------------------------------------------------------------------------
   5. Print

   Rule 4 of the system: the dark ground is a screen decision, and what prints
   flips through the tokens rather than through a second stylesheet. The
   backdrop is dropped outright - it is atmosphere, and atmosphere costs toner.
   ------------------------------------------------------------------------ */

@media print {
    body.adoh-dark {
        background: #FFFFFF;
        color: #2A2118;
        color-scheme: light;

        --adoh-ground:      #FFFFFF;
        --adoh-surface:     #F7F3EA;
        --adoh-surface-2:   #EFE9DC;
        --adoh-line:        #CFC6B4;
        --adoh-line-strong: #B3A794;
        --adoh-ink:         #2A2118;
        --adoh-ink-2:       #554B3C;
        --adoh-ink-3:       #6E6454;
        --adoh-gold:        #7A5F2C;
        --adoh-gold-hi:     #5E4920;
        --adoh-gold-dim:    #9A8455;
    }
    body.adoh-dark::before,
    body.adoh-dark::after {
        content: none;
    }
    .site-header,
    .site-footer,
    .scroll-to-top {
        display: none;
    }
}
/* betterdocs-searchbox-w3v9npy Starts */ .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper { margin-top: 28px; margin-right: 0px; margin-left: 0px; margin-bottom: 28px; background-image: url(https://www.adawnofheroes.org/wp-content/uploads/2025/04/5.png); background-size: cover; background-position: 0px 337px; background-repeat: repeat; background-color: #f7f7f7; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search { padding: 25px; transition: background 0.5s; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform { background: #ffffff; color:#595959; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform:hover{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform .betterdocs-search-field::placeholder, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform .betterdocs-search-field::placeholder { color:#595959; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform{ padding-top: 22px; padding-right: 15px; padding-left: 15px; padding-bottom: 22px; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform .betterdocs-search-field, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .betterdocs-search-field{ font-size: 14px; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform svg.docs-search-icon, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform svg.docs-search-icon { width:30px; height: auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-icon path, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .betterdocs-searchform-input-wrap svg path, .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform svg.docs-search-icon path, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform svg.docs-search-icon path { fill: #444b54; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .docs-search-close .close-line, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .docs-search-close .close-line { fill: #ff697b; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .docs-search-loader, .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .docs-search-close .close-border, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .docs-search-loader, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .docs-search-close .close-border { fill: #444b54; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result { width:100%; max-width:100%; background-color: #ffffff; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s , background 0.5s; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result:hover{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li { transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li:hover a span, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li:hover a span{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li a span, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li a span { padding: 10px; color: #444b54; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 { background-image: url(https://www.adawnofheroes.org/wp-content/uploads/2025/04/5.png); background-size: cover; background-position: 0px 337px; background-repeat: repeat; background-color: #f7f7f7; padding: 25px; margin-top: 28px; margin-right: 0px; margin-left: 0px; margin-bottom: 28px; transition: background 0.5s; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-sidebar .betterdocs-live-search { background-image: url(https://www.adawnofheroes.org/wp-content/uploads/2025/04/5.png); background-size: cover; background-position: 0px 337px; background-repeat: repeat; background-color: #f7f7f7; transition: background 0.5s; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1:hover, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search:hover, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-sidebar .betterdocs-live-search:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform { background-color:#FFFFFF; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-input, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .search-input-wrapper .search-input{ color:#667085; font-size: 14px; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform { padding-top: 22px; padding-right: 15px; padding-left: 15px; padding-bottom: 22px; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar:hover, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header svg g path{ fill:rgb(152, 162, 179); } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field { color:#200505; font-size: 16px; ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field::placeholder { color:#475479; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select .css-1jqq78o-placeholder{ color:rgb(128, 128, 128); font-size: 15px; ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4{ color:#1D2939; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5{ color:#475467; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header { background-color: #F9FAFB; transition:background 0.5s; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span:not(.tab-icon){ font-size: 14px; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg{ width:21px; height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items{ transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4{ font-size: 16px; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .search-button { color:#fff; font-size: 16px; background-color: #667085; transition:background 0.5s; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button:hover, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .search-button:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-icon, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .betterdocs-searchform-input-wrap svg { width:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .betterdocs-searchform-input-wrap svg path { fill: #444b54; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg{ width:21px; height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .css-19bb58m{ font-size: 14px; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg{ width:17px; height:auto; } /* AI Search Suggestions Styles */ /* SearchModal Layout 2 & 3 Width and Position */ .betterdocs-searchbox-w3v9npy { text-align: left; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-sidebar { width: 100%; max-width: 100%; display: inline-block; text-align: left; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform select{ font-size: 14px; ; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform .betterdocs-search-category{ color:#595959; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .search-submit { font-size: 18px; color:#ffffff; background-color:#24cc8f; padding-top: 15px; padding-right: 25px; padding-left: 25px; padding-bottom: 15px; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .search-submit:hover { background-color:#24cc8f; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword{ margin-top: 24px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-keyword{ color:#99a3ca; padding-top: 8px; padding-right: 25px; padding-left: 25px; padding-bottom: 8px; font-size: 14px; background-color:#fff; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-search-title { color:#8588a6; font-size: 14px; }  @media(max-width: 1024px){ .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper { background-attachment: scroll; } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search:hover{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform .betterdocs-search-field, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .betterdocs-search-field{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform svg.docs-search-icon, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform svg.docs-search-icon{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li a, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li a{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1{ background-attachment: scroll; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-input{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar { } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field { ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select .css-1jqq78o-placeholder{ ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span:not(.tab-icon){ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .css-19bb58m{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-icon, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .betterdocs-searchform-input-wrap svg { width:auto; } /* SearchModal Layout 2 & 3 Width and Position - Tablet */ .betterdocs-searchbox-w3v9npy { text-align: left; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-sidebar { width: 100%; display: inline-block; text-align: left; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform select{ ; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .search-submit { } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword{ } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-keyword{ } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-search-title { } } @media(max-width: 767px){ .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform .betterdocs-search-field, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .betterdocs-search-field{ } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .betterdocs-searchform:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-searchform svg.docs-search-icon, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform svg.docs-search-icon, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive .betterdocs-live-search .betterdocs-searchform .betterdocs-searchform-input-wrap svg { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li:hover, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li:hover { } .betterdocs-searchbox-w3v9npy.betterdocs-searchbox-wrapper .betterdocs-live-search .docs-search-result li a, .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .docs-search-result li a { } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-input{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar { } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header:hover { } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field { ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select .css-1jqq78o-placeholder{ ; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span:not(.tab-icon){ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .css-19bb58m{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg{ height:auto; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-button:hover{ } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar .search-input-wrapper .search-icon { width:auto; } /* SearchModal Layout 2 & 3 Width and Position - Mobile */ .betterdocs-searchbox-w3v9npy { text-align: left; } .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-archive, .betterdocs-searchbox-w3v9npy .betterdocs-search-modal-sidebar { width: 100%; display: inline-block; text-align: left; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-live-search .betterdocs-searchform select{ ; } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-searchform .search-submit { } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword{ } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-keyword{ } .betterdocs-searchbox-w3v9npy.betterdocs-search-form-wrapper .betterdocs-popular-search-keyword .popular-search-title { } }/* =betterdocs-searchbox-w3v9npy= Ends *//* betterdocs-categorygrid-bbwbqi3 Starts */.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper{ background-color: rgba(255, 255, 255, 0); }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper{ --column: 1; margin-top: 28px; margin-right: 0px; margin-left: 0px; margin-bottom: 28px; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper.masonry > .betterdocs-single-category-wrapper{ margin-bottom:10px; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner{ background-color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-title, .betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-title a{ color: #528ffe; font-size: 18px; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header .betterdocs-category-header-inner{ padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 20px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 2px; border-color: #528ffe; border-style: solid; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header{ background-color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper.default .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-items-counts span, .betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper.layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-items-counts span{ font-size: 15px; min-height:28px;min-width:28px;color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-items-counts{ background-color: rgba(108,156,244,1); }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.layout-2 .betterdocs-category-items-counts:after{ border-top-color: rgb(173, 94, 98); }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-footer a.betterdocs-category-link-btn{ color: #528ffe; font-size: 14px; background-color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-footer{ text-align: left; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li:not(.betterdocs-nested-category-wrapper) a{ font-size: 15px; color: #566e8b; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-body{ background-color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-body .betterdocs-articles-list li i, .betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper i{ font-size:15px; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-body .betterdocs-articles-list li img, .betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper img{ height:15px;width:15px; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner:hover{ background-image: linear-gradient(45deg, rgba(0,0,0,0.8) 0% , rgba(0,0,0,0.4) 100%); }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-items-counts:hover span{ color: #ffffff; }.betterdocs-categorygrid-bbwbqi3.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.layout-2 .betterdocs-category-items-counts:after:hover{ border-top-color: rgb(173, 94, 98); } @media(max-width: 1024px){} @media(max-width: 767px){}/* =betterdocs-categorygrid-bbwbqi3= Ends */