/*!
Theme Name: Book Author Blog
Theme URI: https://rswpthemes.com/author-portfolio-pro-wordpress-theme/
Author: RS WP THEMES
Author URI: https://rswpthemes.com
Description: Demo Page https://demo.rswpthemes.com/book-author-blog/ Book Author Blog is a beautiful and easy-to-use WordPress theme for authors, writers, novelists, and publishers who want to launch, promote or publish their books online. It is carefully designed to follow the trends of today’s modern web while providing full support for the new WordPress 5 block editor (Gutenberg ready). This theme features an elegant and attractive layout to help you generate high leads and get more sales of your book. With the Book Author Blog theme, you can create a fully responsive, and visually appealing landing page to sell and promote your book without writing a single line of code. It is a speed-optimized theme that helps your website load within a blink of an eye and provides a great user experience to your visitors. The theme is developed with SEO-optimized codes and is schema.org markup ready to help your website rank higher in Google and other search engines. Furthermore, this theme is fully compatible with the popular WooCommerce plugin to allow you to sell your book via your website.
Version: 5.3.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: book-author-blog
Tags: blog, news, e-commerce, grid-layout, one-column, two-columns, three-Columns, four-Columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, flexible-header, theme-options, translation-ready, featured-images, block-styles, wide-blocks, sticky-post, featured-image-header, front-page-post-form, full-width-template, post-formats, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Book Author Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('fonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - CSS Variables & Root
2.0 - Normalize & Base Typography
3.0 - Layout & Grid Elements
4.0 - Forms & Buttons
5.0 - Header & Navigation Menu (#cssmenu)
6.0 - Banner & Page Headers
7.0 - Posts & Single Post Styles
8.0 - Widgets & Sidebar Elements
9.0 - Footer Area
10.0 - Popups & Mobile Navigation
11.0 - Utilities & Helpers
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - CSS Variables & Root
--------------------------------------------------------------*/
:root {
    /* Colors */
    --bab-primary-color: #fb4747;
    --bab-primary-hover: #000000;
    --bab-text-primary: #000000;
    --bab-text-secondary: #444444;
    --bab-text-muted: #757b81;
    --bab-bg-body: #ffffff;
    --bab-bg-alt: #f4f4ec;
    --bab-bg-light: #f1f1f1;
    --bab-bg-dark: #1a1a1a;
    --bab-border-color: #f1f1f1;

    /* Typography defaults */
    --bab-font-body: "Roboto", sans-serif;
    --bab-font-heading: "Roboto", sans-serif;
    --bab-font-size-base: 1rem;
    --bab-line-height-base: 1.6;
    --bab-font-body-weight: 400;

    /* Headings (Overrideable by Customizer) */
    --bab-font-h1-family: var(--bab-font-heading);
    --bab-font-h1-weight: 700;
    --bab-font-h1-size: 2.5rem;
    --bab-font-h1-line-height: 1.6;
    --bab-font-h1-color: var(--bab-text-primary);

    --bab-font-h2-family: var(--bab-font-heading);
    --bab-font-h2-weight: 700;
    --bab-font-h2-size: 2rem;
    --bab-font-h2-line-height: 1.6;
    --bab-font-h2-color: var(--bab-text-primary);

    --bab-font-h3-family: var(--bab-font-heading);
    --bab-font-h3-weight: 700;
    --bab-font-h3-size: 1.75rem;
    --bab-font-h3-line-height: 1.6;
    --bab-font-h3-color: var(--bab-text-primary);

    --bab-font-h4-family: var(--bab-font-heading);
    --bab-font-h4-weight: 700;
    --bab-font-h4-size: 1.5rem;
    --bab-font-h4-line-height: 1.6;
    --bab-font-h4-color: var(--bab-text-primary);

    --bab-font-h5-family: var(--bab-font-heading);
    --bab-font-h5-weight: 700;
    --bab-font-h5-size: 1.25rem;
    --bab-font-h5-line-height: 1.6;
    --bab-font-h5-color: var(--bab-text-primary);

    --bab-font-h6-family: var(--bab-font-heading);
    --bab-font-h6-weight: 700;
    --bab-font-h6-size: 1rem;
    --bab-font-h6-line-height: 1.6;
    --bab-font-h6-color: var(--bab-text-primary);

    /* Widget Titles */
    --bab-font-widget-title-family: var(--bab-font-heading);
    --bab-font-widget-title-weight: 700;
    --bab-font-widget-title-size: 1.6rem;
    --bab-font-widget-title-line-height: 1.6;
    --bab-font-widget-title-color: var(--bab-text-primary);

    /* Transitions */
    --bab-transition-base: 0.4s;
    --bab-transition-slow: 0.6s;
    --bab-transition-fast: all 0.25s ease;

    /* Customizer hover & social variables defaults */
    --bab-header-menu-hover: #fb4747;
    --bab-header-submenu-hover: #00af00;
    --bab-footer-social-bg: #ffffff;
    --bab-footer-social-hover-bg: #fb4747;

    /* Customizer color mapping defaults */
    --bab-primary-bg-text-color: #ffffff;
    --bab-primary-text-color: #fb4747;

    /* Header Component Defaults */
    --bab-header-bg: #000000;
    --bab-header-title-font-family: var(--bab-font-heading);
    --bab-header-title-font-weight: bold;
    --bab-header-title-font-size: 1.3rem;
    --bab-header-title-line-height: 1.6;
    --bab-header-title-letter-spacing: 0px;
    --bab-header-title-color: #ffffff;
    --bab-header-title-text-transform: none;
    --bab-header-desc-font-family: var(--bab-font-heading);
    --bab-header-desc-font-weight: regular;
    --bab-header-desc-font-size: 1rem;
    --bab-header-desc-line-height: 1.4;
    --bab-header-desc-letter-spacing: 0px;
    --bab-header-desc-color: #ffffff;
    --bab-header-desc-text-transform: none;
    --bab-header-menu-font-family: var(--bab-font-heading);
    --bab-header-menu-font-weight: regular;
    --bab-header-menu-font-size: 1rem;
    --bab-header-menu-line-height: 1.6;
    --bab-header-menu-letter-spacing: 0px;
    --bab-header-menu-color: #ffffff;
    --bab-header-menu-text-transform: none;
    --bab-header-icon-color: #ffffff;
    --bab-header-bg-overlay: rgba(0, 0, 0, 0.5);
    --bab-header-border: #f4f4ec;
    --bab-header-social-icons-size: 1rem;
    --bab-header-icon-hover: #fb4747;
    --bab-mobile-menu-icon-size: 1.2rem;
    --bab-mobile-menu-icon-color: #ffffff;
    --bab-mobile-menu-icon-hover: #fb4747;
    --bab-mobile-menu-item-hover: #ffffff;

    /* Footer Component Defaults */
    --bab-footer-top-bg: #1a1a1a;
    --bab-footer-top-title-color: rgb(255 255 255 / 50%);
    --bab-footer-top-title-border-color: rgb(255 255 255 / 50%);
    --bab-footer-top-title-sep-color: rgb(255 255 255 / 50%);
    --bab-footer-top-text-color: #ffffff;
    --bab-footer-top-link-color: #ffffff;
    --bab-footer-top-menu-separator-color: #ffffff;
    --bab-footer-bg: #f4f4ec;
    --bab-footer-social-txt: #000000;
    --bab-footer-social-hover-txt: #ffffff;
    --bab-footer-menu-color: #000000;
    --bab-footer-menu-hover-color: #fb4747;
    --bab-copyright-bg: #f4f4ec;
    --bab-copyright-border: #f1f1f1;
    --bab-copyright-text: #000000;
    --bab-copyright-link: #000000;

    /* Page Banner Component Defaults */
    --bab-banner-bg-color: #f4f4ec;
    --bab-banner-bg-image: none;
    --bab-banner-bg-repeat: repeat;
    --bab-banner-bg-position: center center;
    --bab-banner-bg-size: cover;
    --bab-banner-bg-attachment: scroll;
    --bab-banner-overlay-color: rgba(0, 0, 0, 0.3);
    --bab-banner-title-font-family: var(--bab-font-heading);
    --bab-banner-title-font-weight: 700;
    --bab-banner-title-font-size: 2.5rem;
    --bab-banner-title-line-height: 1.6;
    --bab-banner-title-letter-spacing: 0px;
    --bab-banner-title-color: #000000;
    --bab-banner-title-text-transform: none;
    --bab-banner-title-text-align: center;
    --bab-banner-desc-font-family: var(--bab-font-heading);
    --bab-banner-desc-font-weight: 700;
    --bab-banner-desc-font-size: 2.5rem;
    --bab-banner-desc-line-height: 1.6;
    --bab-banner-desc-letter-spacing: 0px;
    --bab-banner-desc-color: #000000;
    --bab-banner-desc-text-transform: none;
    --bab-banner-desc-text-align: center;

    /* Button Defaults */
    --bab-btn-bg: var(--bab-primary-color);
    --bab-btn-color: var(--bab-primary-bg-text-color);
    --bab-btn-border-color: var(--bab-primary-color);
    --bab-btn-hover-bg: var(--bab-primary-hover);
    --bab-btn-hover-color: var(--bab-primary-bg-text-color);
    --bab-btn-hover-border-color: var(--bab-primary-hover);

    /* Widget Defaults */
    --bab-widget-bg: var(--bab-bg-body);
    --bab-widget-title-font-family: var(--bab-font-widget-title-family, var(--bab-font-heading));
    --bab-widget-title-font-weight: var(--bab-font-widget-title-weight, 700);
    --bab-widget-title-font-size: var(--bab-font-widget-title-size, 1.5rem);
    --bab-widget-title-line-height: var(--bab-font-widget-title-line-height, 1.6);
    --bab-widget-title-color: var(--bab-font-widget-title-color, var(--bab-text-primary));
    --bab-widget-title-sep-color: var(--bab-primary-color);
}

/*--------------------------------------------------------------
2.0 - Normalize & Base Typography
--------------------------------------------------------------*/
/* 2.1 - Normalize */
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
    color: var(--bab-text-primary);
    overflow-x: hidden;
    font-weight: var(--bab-font-body-weight, 400);
    text-align: left;
    font-size: var(--bab-font-size-base, 1rem);
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* 2.2 - Typography */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--bab-text-primary);
    font-family: var(--bab-font-body);
    font-size: var(--bab-font-size-base);
    line-height: var(--bab-line-height-base);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: var(--bab-text-primary);
}

h1,
.h1 {
    font-family: var(--bab-font-h1-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h1-weight, 700);
    font-size: var(--bab-font-h1-size, 2.5rem);
    line-height: var(--bab-font-h1-line-height, 1.6);
    color: var(--bab-font-h1-color, var(--bab-text-primary));
}

h2,
.h2 {
    font-family: var(--bab-font-h2-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h2-weight, 700);
    font-size: var(--bab-font-h2-size, 2rem);
    line-height: var(--bab-font-h2-line-height, 1.6);
    color: var(--bab-font-h2-color, var(--bab-text-primary));
}

h3,
.h3 {
    font-family: var(--bab-font-h3-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h3-weight, 700);
    font-size: var(--bab-font-h3-size, 1.75rem);
    line-height: var(--bab-font-h3-line-height, 1.6);
    color: var(--bab-font-h3-color, var(--bab-text-primary));
}

h4,
.h4 {
    font-family: var(--bab-font-h4-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h4-weight, 700);
    font-size: var(--bab-font-h4-size, 1.5rem);
    line-height: var(--bab-font-h4-line-height, 1.6);
    color: var(--bab-font-h4-color, var(--bab-text-primary));
}

h5,
.h5 {
    font-family: var(--bab-font-h5-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h5-weight, 700);
    font-size: var(--bab-font-h5-size, 1.25rem);
    line-height: var(--bab-font-h5-line-height, 1.6);
    color: var(--bab-font-h5-color, var(--bab-text-primary));
}

h6,
.h6 {
    font-family: var(--bab-font-h6-family, var(--bab-font-heading));
    font-weight: var(--bab-font-h6-weight, 700);
    font-size: var(--bab-font-h6-size, 1rem);
    line-height: var(--bab-font-h6-line-height, 1.6);
    color: var(--bab-font-h6-color, var(--bab-text-primary));
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0;
    background: var(--bab-bg-light);
    padding: 1.25rem 1.25rem 1.25rem 3.125rem;
    border-left: 5px solid var(--bab-text-primary);
    font-size: 1.2rem;
    line-height: 1.8;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: var(--bab-bg-light);
    font-family: var(--bab-font-body);
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: var(--bab-font-body);
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted var(--bab-border-color);
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* 2.3 - Elements */
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: var(--bab-bg-body);
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: var(--bab-bg-light);
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul ol,
ul ul,
ol ol,
ol ul {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 2rem;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    width: auto;
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* 2.4 - Links */
a {
    color: var(--bab-primary-color);
    text-decoration: none;
}

a:visited {
    color: var(--bab-primary-color);
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: var(--bab-primary-color);
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    text-decoration: underline;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: underline;
}

/* 2.5 - Table */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bab-text-secondary);
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--bab-text-secondary);
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid var(--bab-border-color);
}

.table tbody+tbody {
    border-top: 2px solid var(--bab-border-color);
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid var(--bab-border-color);
}

.table-bordered th,
.table-bordered td {
    border: 1px solid var(--bab-border-color);
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
    border: 0;
}


/*--------------------------------------------------------------
3.0 - Layout & Grid Elements
--------------------------------------------------------------*/
/* 3.1 - Alignments */
.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 3.2 - Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.site-main {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.lg-display-none {
    display: none;
}

/*--------------------------------------------------------------

/* 3.3 - Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
    display: block;
}

@media only screen and (max-width: 767px) {

    embed,
    iframe,
    object {
        height: auto;
    }
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

body.page {
    margin-bottom: 0;
}

.book-author-blog-single-page .title-breadcrumb-inner,
.archive-page-section .title-breadcrumb-inner {
    border-bottom: 1px solid var(--bab-border-color);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.book-author-blog-single-page .title-breadcrumb-inner .entry-title,
.book-author-blog-single-page .title-breadcrumb-inner .page-title,
.archive-page-section .title-breadcrumb-inner .entry-title,
.archive-page-section .title-breadcrumb-inner .page-title {
    margin-top: 0;
}

.book-author-blog-single-page .title-breadcrumb-inner .breadcrumb a,
.archive-page-section .title-breadcrumb-inner .breadcrumb a {
    text-decoration: none;
    color: var(--bab-primary-color);
}

.book-author-blog-single-page .title-breadcrumb-inner {
    border-bottom: 0;
    margin-bottom: 0;
}

.book-author-blog-single-page .title-breadcrumb-inner .page-title {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
4.0 - Forms & Buttons
--------------------------------------------------------------*/
/* 4.1 - Forms */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: var(--bab-btn-border-color, var(--bab-primary-color));
    border-radius: 0;
    background: var(--bab-btn-bg, var(--bab-primary-color));
    color: var(--bab-btn-color, var(--bab-primary-bg-text-color));
    line-height: 1.6;
    padding: .5em 1.5em;
    transition: var(--bab-transition-slow);
    cursor: pointer;
    border-radius: 3px;
    font-weight: 400;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: var(--bab-btn-hover-border-color, var(--bab-primary-hover));
    background-color: var(--bab-btn-hover-bg, var(--bab-primary-hover));
    color: var(--bab-btn-hover-color, var(--bab-primary-bg-text-color));
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: var(--bab-btn-hover-border-color, var(--bab-primary-hover));
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: var(--bab-text-primary);
    border: 1px solid var(--bab-border-color);
    border-radius: 0;
    padding: 0.625em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: var(--bab-primary-hover);
    outline: none;
    border: 1px solid var(--bab-primary-hover);
}

select {
    border: 1px solid var(--bab-text-primary);
}

textarea {
    width: 100%;
}

/* 4.2 - Form Control */
.form-control {
    display: block;
    width: 100%;
}

/* 4.3 - Button Custom Style */
a.btn.default-btn-style {
    padding: .6rem 2rem;
    display: inline-block;
    background: var(--bab-btn-bg, var(--bab-primary-color));
    color: var(--bab-btn-color, var(--bab-primary-bg-text-color));
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 50px;
    transition: var(--bab-transition-base);
}

a.btn.default-btn-style:hover {
    transform: translateY(-3px);
    background-color: var(--bab-btn-hover-bg, var(--bab-primary-hover));
    color: var(--bab-btn-hover-color, var(--bab-primary-bg-text-color));
}

/* 4.4 - WP Post Password */
/* WordPress Post Password */
form.post-password-form p:nth-child(2) {
    display: flex;
}

form.post-password-form input {
    border: 1px solid var(--bab-border-color);
    border-radius: 0;
}

form.post-password-form input[type=submit] {
    border: 1px solid var(--bab-primary-color);
}

form.post-password-form input[type=submit]:hover {
    border-color: var(--bab-primary-hover);
}



/*--------------------------------------------------------------
5.0 - Header & Navigation Menu (#cssmenu)
--------------------------------------------------------------*/
/* 5.1 - Navigation Menu (#cssmenu) */
#cssmenu.small-screen #menu-button:focus {
    outline: 1px dotted var(--bab-text-primary);
}

a.fa.fa-search.searchicon:focus {
    outline: auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    transition: var(--bab-transition-base);
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu {
    background: transparent;
    text-align: right;
}

#cssmenu.small-screen ul.menu {
    border-top: 1px solid rgb(56 49 49);
}

#cssmenu>ul>li {
    display: inline-block;
    margin: 10px 0;
}

#cssmenu.align-center>ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center>ul>li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right>ul>li {
    float: right;
}

#cssmenu>ul>li>a {
    padding: 0rem 1.0625rem;
    text-decoration: none;
    font-family: var(--bab-header-menu-font-family, var(--bab-font-heading));
    font-weight: var(--bab-header-menu-font-weight, 400);
    font-size: var(--bab-header-menu-font-size, 1rem);
    line-height: var(--bab-header-menu-line-height, 1.6);
    letter-spacing: var(--bab-header-menu-letter-spacing, 0px);
    color: var(--bab-header-menu-color, var(--bab-primary-bg-text-color));
    text-transform: var(--bab-header-menu-text-transform, uppercase);
    transition: var(--bab-transition-base);
}

#cssmenu>ul>li:hover>a {
    color: var(--bab-header-menu-hover, var(--bab-primary-color));
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 1.875rem;
}

#cssmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 0;
    right: 12px;
    width: 0.5rem;
    height: 0.125rem;
    display: block;
    background: transparent;
    content: '\e900';
    font-family: 'rswpthemes';
    font-weight: 700;
}

#cssmenu>ul>li.has-sub:hover>a:before,
#cssmenu>ul>li.has-sub.focus>a:before {
    top: 1.4375rem;
    height: 0;
}

#cssmenu ul ul {
    position: absolute;
    left: -624.9375rem;
    border: 1px solid transparent;
    transition: var(--bab-transition-base);
    visibility: hidden;
    opacity: 0;
}

#cssmenu>ul>li>ul {
    padding-top: 1.5rem;
}

#cssmenu.small-screen>ul>li>ul {
    padding-top: 0;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu ul ul li {
    height: 0;
    transition: var(--bab-transition-fast);
    text-align: left;
}

#cssmenu ul ul li:first-child {
    border-top: 2px solid #00af00;
}

#cssmenu.small-screen ul ul li:first-child {
    border-top: 1px solid rgb(56 49 49);
}

#cssmenu.small-screen ul ul li {
    border-bottom: none;
    border-top: 1px solid rgb(56 49 49);
}

#cssmenu.small-screen ul ul li:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

#cssmenu li:hover>ul,
#cssmenu li.focus>ul {
    left: auto;
    visibility: visible;
    opacity: 1;
    z-index: 22;
}

#cssmenu.align-right li:hover>ul,
#cssmenu.align-right li.focus>ul {
    left: auto;
    right: 0;
}

#cssmenu li:hover>ul>li,
#cssmenu li.focus>ul>li {
    height: auto;
    margin-bottom: 0rem;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: -3px;
}

#cssmenu ul ul ul ul {
    left: -100% !important;
    padding-top: 70px;
}

#cssmenu.small-screen ul ul ul ul {
    padding-top: 0;
    left: 0 !important;
}

#cssmenu ul ul ul ul li:first-child:before {
    position: absolute;
    content: "\f0d8";
    font-family: 'FontAwesome';
    top: -13px;
    left: 50%;
    color: #00af00;
    z-index: 5;
}

#cssmenu.small-screen ul ul ul ul li:first-child:before {
    display: none;
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 1.0625rem;
    width: 14rem;
    text-decoration: none;
    color: var(--bab-text-primary);
    font-weight: 400;
    background: var(--bab-bg-light);
    text-transform: uppercase;
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    color: var(--bab-header-submenu-hover, var(--bab-primary-color));
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 1rem;
    right: 0.690rem;
    width: 0.5rem;
    height: 0.125rem;
    display: block;
    background: transparent;
    content: '';
}

#cssmenu.align-right ul ul li.has-sub>a:after {
    right: auto;
    left: 0.6275rem;
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 17px;
    right: 20px;
    display: block;
    width: 0.125rem;
    height: 0.5rem;
    background: transparent;
    content: '\e900';
    transition: var(--bab-transition-fast);
    font-family: 'rswpthemes';
    font-weight: 700;
}

#cssmenu.align-right ul ul li.has-sub>a:before {
    right: auto;
    left: 0.875rem;
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 1.0625rem;
    height: 0;
}

#cssmenu.small-screen {
    width: 100%;
}

#cssmenu.small-screen ul {
    width: 100%;
    display: none;
}

#cssmenu.small-screen.align-center>ul {
    text-align: left;
}

#cssmenu.small-screen ul li {
    width: 100%;
    border-bottom: 1px solid var(--bab-mobile-menu-item-hover, rgb(56 49 49));
    margin-bottom: 11px;
    padding-bottom: 5px;
}

#cssmenu.small-screen>ul>li {
    margin-bottom: 0;
    padding-bottom: 0;
}

#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover>ul>li {
    height: auto;
}

#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
    width: 100%;
    border-bottom: 0;
}

#cssmenu.small-screen>ul>li {
    float: none;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
}

#cssmenu.small-screen>ul>li>a {
    padding: 15px 0;
}

#cssmenu.small-screen ul ul li a {
    padding-left: 1.5625rem;
}

/*#cssmenu.small-screen ul ul ul li a {
    padding-left: ‭2 0.1875rem;
}*/
#cssmenu.small-screen ul ul li a {
    color: var(--bab-primary-bg-text-color);
    background: none;
}

#cssmenu.small-screen ul ul li:hover>a,
#cssmenu.small-screen ul ul li.active>a {
    color: var(--bab-primary-bg-text-color);
}

#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    opacity: 1;
    visibility: visible;
}

#cssmenu.small-screen>ul>li.has-sub>a:after,
#cssmenu.small-screen>ul>li.has-sub>a:before,
#cssmenu.small-screen ul ul>li.has-sub>a:after,
#cssmenu.small-screen ul ul>li.has-sub>a:before {
    display: none;
}

#cssmenu.small-screen #menu-button {
    display: block;
    padding: 1.0625rem 0;
    font-size: var(--bab-mobile-menu-icon-size, 1.2rem);
    color: var(--bab-mobile-menu-icon-color, var(--bab-primary-bg-text-color));
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

#cssmenu.small-screen #menu-button:hover {
    color: var(--bab-mobile-menu-icon-hover, var(--bab-primary-color));
}

#cssmenu.small-screen ul li,
#cssmenu.small-screen ul.menu,
#cssmenu.small-screen ul ul li:first-child,
#cssmenu.small-screen ul ul li {
    border-color: var(--bab-mobile-menu-item-hover, #ffffff);
}

#cssmenu.small-screen #menu-button:focus {
    outline-color: var(--bab-mobile-menu-item-hover, #ffffff);
}

#cssmenu.small-screen #menu-button:after {
    position: absolute;
    top: 1.375rem;
    right: 17px;
    display: block;
    height: 0.5rem;
    width: 1.25rem;
    border-top: 0.125rem solid var(--bab-bg-body);
    border-bottom: 0.125rem solid var(--bab-bg-body);
    content: '';
}

#cssmenu.small-screen #menu-button:before {
    position: absolute;
    top: 1rem;
    right: 17px;
    display: block;
    height: 0.125rem;
    width: 1.25rem;
    background: var(--bab-bg-body);
    content: '';
}

#cssmenu.small-screen #menu-button.menu-opened:after {
    top: 1.4375rem;
    border: 0;
    height: 0.125rem;
    width: 0.9375rem;
    background: var(--bab-bg-body);
    transform: rotate(45deg);
}

#cssmenu.small-screen #menu-button.menu-opened:before {
    top: 1.4375rem;
    background: var(--bab-bg-body);
    width: 0.9375rem;
    transform: rotate(-45deg);
}

#cssmenu.small-screen ul ul ul li a:hover,
#cssmenu.small-screen ul ul ul li a:focus,
#cssmenu.small-screen ul ul ul li a:active {
    color: var(--bab-primary-hover) !important;
}

#cssmenu.small-screen .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    height: auto;
    width: 2.875em;
    cursor: pointer;
    border: 0;
    background: transparent;
}

#cssmenu.small-screen ul>li>.submenu-button {
    height: 2.875em;
}

#cssmenu.small-screen .submenu-button.submenu-opened {
    background: transparent;
}

/*#cssmenu.small-screen ul ul .submenu-button {
    height: 2.125rem;
    width: 2.125rem;
}*/
#cssmenu.small-screen .submenu-button:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 10px;
    height: 2px;
    display: block;
    background: var(--bab-bg-body);
    content: '';
    z-index: 5;
    margin-right: -5px;
    margin-top: -1px;
}

#cssmenu.small-screen ul ul .submenu-button:after {
    top: 25px;
    right: 23px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:after {
    background: var(--bab-bg-body);
}

#cssmenu.small-screen .submenu-button:before {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 2px;
    height: 10px;
    display: block;
    background: var(--bab-bg-body);
    content: '';
    z-index: 5;
    margin-right: -1px;
    margin-top: -5px;
}

#cssmenu.small-screen ul ul .submenu-button:before {
    top: 25px;
    right: 23px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:before {
    display: none;
}

#cssmenu.small-screen.select-list {
    padding: ‭0 0.3125rem;
}

#cssmenu ul li.premium-demo a {
    color: var(--bab-primary-bg-text-color) !important;
    background: red;
}

#cssmenu ul li.premium-demo a:hover {
    color: var(--bab-primary-bg-text-color) !important;
}

@media only screen and (max-width: 767px) {
    #cssmenu.small-screen>ul>li>a {
        padding-left: 0;
    }

    #cssmenu.small-screen ul ul li a {
        padding-left: 10px;
    }
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

/* 5.2 - Header Branding & Socials */
.gallery-caption {
    display: block;
}

.ins-slider-area .title-parent {
    display: none;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    border-color: var(--bab-border-color);
}

.select2-container .select2-selection--single {
    height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}

.site-branding h1 {
    font-size: 1.2rem;
    color: var(--bab-text-primary);
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 47.9375rem) {
    .site-branding h1 {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 0;
    }

    .site-branding h1 a {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.site-branding h1 a {
    color: var(--bab-primary-bg-text-color);
    text-transform: uppercase;
}

.site-branding p.site-description {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--bab-header-desc-font-family, var(--bab-font-heading));
    font-weight: var(--bab-header-desc-font-weight, regular);
    font-size: var(--bab-header-desc-font-size, 1rem);
    line-height: var(--bab-header-desc-line-height, 1.4);
    letter-spacing: var(--bab-header-desc-letter-spacing, 0px);
    color: var(--bab-header-desc-color, var(--bab-primary-bg-text-color));
    text-transform: var(--bab-header-desc-text-transform, none);
}

.logo-area {
    display: flex;
    align-items: center;
}

.header-one {
    padding: 1.5rem 0 0 0;
}

header.site-header {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    position: relative;
}

.header_overlay_color {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
}

.social-links-wrapper a {
    margin: 0 7px;
    display: inline-block;
    color: var(--bab-primary-bg-text-color);
    transition: var(--bab-transition-base);
}

.social-links-wrapper a:hover {
    color: rgb(255 255 255 / 80%);
}

.social-links-wrapper a:last-child {
    margin-right: 0;
}

.social-links-wrapper a:first-child {
    margin-left: 0;
}

header.site-header.header-one {
    background-color: var(--bab-header-bg, var(--bab-bg-dark));
}

header.site-header {
    border-bottom-color: var(--bab-header-border, rgba(221, 221, 221, 0.5));
}

.header_overlay_color {
    background-color: var(--bab-header-bg-overlay, rgba(0, 0, 0, 0.5));
}

header.site-header.header-two .header-menu-area,
header.site-header.header-three .header-menu-area,
header.site-header.header-five .header-menu-area {
    border-top-color: var(--bab-header-border, #f4f4ec);
}

header.site-header.header-four .header-menu-area,
header.site-header.header-three .header-menu-area,
header.site-header.header-one {
    border-bottom-color: var(--bab-header-border, #f4f4ec);
}

.social-links-wrapper.header-social-links a {
    font-size: var(--bab-header-social-icons-size, 1rem);
    color: var(--bab-header-icon-color, var(--bab-primary-bg-text-color));
}

.social-links-wrapper.header-social-links a:hover {
    color: var(--bab-header-icon-hover, var(--bab-primary-color));
}


/*--------------------------------------------------------------
6.0 - Banner & Page Headers
--------------------------------------------------------------*/
/* 6.1 - Page Banner Area */
section.page-header-area,
.books-category-archive-header {
    background-color: var(--bab-banner-bg-color, #f4f4ec);
    background-image: var(--bab-banner-bg-image, none);
    background-repeat: var(--bab-banner-bg-repeat, repeat);
    background-position: var(--bab-banner-bg-position, center center);
    background-size: var(--bab-banner-bg-size, cover);
    background-attachment: var(--bab-banner-bg-attachment, scroll);
    padding: 50px 0;
    position: relative;
}

.page-header-area.banner-custom-height {
    display: flex;
    align-items: center;
    width: 100%;
}

.page_banner_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background-color: var(--bab-banner-overlay-color, rgba(0, 0, 0, 0.3));
}

section.page-header-area h1 {
    margin-top: 0;
    font-family: var(--bab-banner-title-font-family, var(--bab-font-heading));
    font-weight: var(--bab-banner-title-font-weight, 700);
    font-size: var(--bab-banner-title-font-size, 2rem);
    line-height: var(--bab-banner-title-line-height, 1.6);
    letter-spacing: var(--bab-banner-title-letter-spacing, 0px);
    color: var(--bab-banner-title-color, var(--bab-text-primary));
    text-transform: var(--bab-banner-title-text-transform, none);
    text-align: var(--bab-banner-title-text-align, center);
}

section.page-header-area p {
    font-family: var(--bab-banner-desc-font-family, var(--bab-font-heading));
    font-weight: var(--bab-banner-desc-font-weight, 700);
    font-size: var(--bab-banner-desc-font-size, 2.5rem);
    line-height: var(--bab-banner-desc-line-height, 1.6);
    letter-spacing: var(--bab-banner-desc-letter-spacing, 0px);
    color: var(--bab-banner-desc-color, var(--bab-text-primary));
    text-transform: var(--bab-banner-desc-text-transform, none);
    text-align: var(--bab-banner-desc-text-align, center);
}

.right-menu.search-and-cart-icon a {
    color: var(--bab-text-secondary);
    transition: var(--bab-transition-base);
}

.cart-icon-wrapper #minicarcount {
    position: absolute;
    right: -10px;
    top: -10px;
    font-weight: 700;
    font-size: .8rem;
}

@media only screen and (max-width: 767px) {
    .site-branding.header-logo {
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(56 49 49);
        margin-bottom: 20px;
    }
}

.right-menu.search-and-cart-icon>div {
    width: 50px;
    position: relative;
}

.header-one .menu-area {
    border-top: 1px solid var(--bab-border-color);
    border-bottom: 1px solid var(--bab-border-color);
    margin-top: 1.5rem;
    padding: 0.625rem;
}

.header-one #cssmenu {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .header-one #cssmenu {
        text-align: left !important;
    }

    .site-branding .site-title a {
        text-align: center !important;
    }
}

.site-branding .site-title a {
    text-decoration: none;
    display: block;
    font-family: var(--bab-header-title-font-family, var(--bab-font-heading));
    font-weight: var(--bab-header-title-font-weight, bold);
    font-size: var(--bab-header-title-font-size, 1.3rem);
    line-height: var(--bab-header-title-line-height, 1.6);
    letter-spacing: var(--bab-header-title-letter-spacing, 0px);
    color: var(--bab-header-title-color, #ffffff);
    text-transform: var(--bab-header-title-text-transform, none);
}

/* Search Template */

/* 6.2 - Archive Page Banner */
header.archive-page-header,
.woocommerce-products-header {
    border-bottom: 1px solid var(--bab-border-color);
    padding-bottom: 20px;
    margin-bottom: 50px;
}

header.archive-page-header .archive-description,
.woocommerce-products-header .term-description {
    margin-bottom: 10px;
}

header.archive-page-header span {
    color: var(--bab-primary-color);
}

header.archive-page-header h1.page-title,
h1.woocommerce-products-header__title.page-title {
    margin-top: 0;
}

.page-banner-area {
    min-height: 15rem;
    color: var(--bab-text-primary);
    display: flex;
    align-items: center;
    position: relative;
}

.page-banner-area.page_header_with_thumnail {
    height: 500px;
    min-height: 500px;
}

.page-banner-area.page_header_with_thumnail h1 {
    color: var(--bab-primary-bg-text-color);
}

.page-banner-area.page_header_with_thumnail:before {
    background-color: rgba(0, 0, 0, 0.2);
}

.page-banner-area h1 {
    margin-top: 0;
    color: var(--bab-text-primary);
    font-size: 4rem;
}

.page-banner-area:before {
    position: absolute;
    content: "";
    background: rgba(241, 241, 241, 0.45);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.page-banner-area .breadcrumb a {
    font-weight: 700;
    color: #5bca8c;
}

.author-vcard {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 1.5em 0;
    border-bottom: 1px solid var(--bab-border-color);
    margin-bottom: 3em;
}

.author-vcard__image {
    width: 100px;
}

.author-vcard__about {
    width: calc(100% - 100px);
    padding-left: 2em;
}

.author-vcard__about p {
    margin: 0;
    margin-bottom: 1.2em;
}

.author-vcard__image img {
    border-radius: 50px;
    display: block;
}

.author-vcard__about h4 {
    margin: 0;
    text-transform: capitalize;
    margin-bottom: 0.5em;
}


/*--------------------------------------------------------------
7.0 - Posts & Single Post Styles
--------------------------------------------------------------*/
/* 7.1 - Posts Layouts & Authors */
.post-author {
    padding: 15px;
    border: 1px solid var(--bab-border-color);
    background: var(--bab-bg-body);
    margin-bottom: 50px;
    margin-top: 20px;
}

.post-author div.author-image {
    width: 200px;
    padding-right: 20px;
}

.post-author .author-about {
    width: calc(100% - 200px);
}

.post-author .follow-me a {
    width: 40px;
    height: 41px;
    line-height: 41px;
    border: 1px solid rgba(180, 184, 204, 0.5);
    text-align: center;
    color: var(--bab-text-secondary);
}

.post-author h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0;
}

@media only screen and (max-width: 991px) {
    .post-author {
        display: block !important;
    }

    .post-author div.author-image {
        width: 50%;
    }

    .post-author .author-about {
        width: 100%;
    }

    .post-author .author-about h4 {
        margin-top: 0;
    }
}

.book-author-blog-standard-post.post-layout-two {
    display: flex;
}

.post-layout-two .book-author-blog-standard-post__entry-content {
    width: calc(100% - 250px);
    padding-left: 2em;
}

.post-layout-two .single-post-sticky-sidebar-area {
    width: 250px;
    max-height: 550px;
    overflow-y: auto;
    top: 0;
    position: sticky;
}

.single-post-sticky-sidebar-area .post-author-box img {
    border-radius: 50%;
    width: 100px;
}

.single-post-sticky-sidebar-area .post-author-box p {
    margin-bottom: 0;
    color: var(--bab-text-secondary);
}

.single-post-sticky-sidebar-area .post-author-box h4 {
    margin: 0;
    text-transform: capitalize;
    font-size: 1.5rem;
}

.single-post-sticky-sidebar-area .share-this-post p {
    margin: 0;
    color: var(--bab-text-secondary);
}

.single-post-sticky-sidebar-area .share-this-post .social-share .appc_ess a.appc_ess-item {
    max-width: 50% !important;
    min-width: 48% !important;
}

.single-post-sticky-sidebar-area .post-author-box {
    margin-bottom: 1.5em;
}

.single-post-sticky-sidebar-area .share-this-post .social-share .appc_ess a.appc_ess-item span {
    display: none;
}

@media only screen and (max-width: 991px) {
    .post-layout-two .single-post-sticky-sidebar-area {
        width: 170px;
    }

    .post-layout-two .book-author-blog-standard-post__entry-content {
        width: calc(100% - 170px);
    }

    .single-post-sticky-sidebar-area .share-this-post .social-share .appc_ess a.appc_ess-item {
        min-width: 44% !important;
    }

    .single-post-sticky-sidebar-area .post-author-box h4 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .post-layout-two .single-post-sticky-sidebar-area {
        display: none;
    }

    .post-layout-two .book-author-blog-standard-post__entry-content {
        width: 100%;
        padding-left: 0;
    }
}

/* 7.2 - Pagination Links */
.pagination {
    display: flex;
    list-style: none;
    justify-content: center;
    margin-top: 1.25rem;
    padding: 0;
    margin-left: 0;
}

.pagination-center {
    justify-content: center;
    display: flex;
}

.pagination-left {
    justify-content: left;
    display: flex;
}

.pagination-right {
    justify-content: flex-end;
    display: flex;
}

.pagination li.page-item a,
.pagination li.page-item span {
    padding: 0;
    color: var(--bab-primary-bg-text-color);
    text-decoration: none;
    margin: 0.1rem;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    background: var(--bab-primary-color);
}

.pagination li.page-item a:hover,
.pagination li.page-item a.current,
.pagination li.page-item span:hover,
.pagination li.page-item span.current {
    background-color: var(--bab-text-primary);
    color: var(--bab-primary-bg-text-color);
}

.single-post-navigation a {
    text-decoration: none;
    font-weight: 400;
    color: var(--bab-text-primary);
}

.single-post-navigation>div {
    width: 50%;
}

.single-post-navigation {
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--bab-border-color);
    margin-top: 50px;
    background: var(--bab-bg-body);
}

body.custom-background .single-post-navigation {
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .d-flex.single-post-navigation {
        display: block !important;
    }

    .single-post-navigation>div {
        width: 100%;
    }

    .single-post-navigation>div.next-post {
        margin-top: 1em;
    }
}

.page-numbers {
    border: 0 !important;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.page-numbers li {
    border: 0 !important;
}

.page-numbers li a,
.page-numbers li span {
    padding: 0;
    color: var(--bab-primary-bg-text-color) !important;
    text-decoration: none;
    margin: 0.1rem !important;
    background-color: var(--bab-primary-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.page-numbers li a:hover,
.page-numbers li span:hover {
    background-color: var(--bab-primary-hover) !important;
    color: var(--bab-primary-bg-text-color) !important;
}

.page-numbers li span.current {
    background-color: var(--bab-text-primary) !important;
}

/* 7.3 - Single Post Comments Area */
.comments-area .comment-respond h4 {
    font-size: 24px;
    margin-bottom: 0;
}

p.logged-in-as {
    margin-top: 0;
    text-align: left;
    margin-bottom: 40px;
    color: var(--bab-text-secondary);
}

p.logged-in-as a {
    color: var(--bab-primary-color);
}

body.custom-background .comments-area {
    background: var(--bab-bg-body);
    padding: 20px;
}

.comments-area .comment-input-box input,
.comments-area .comment-form textarea {
    background: #f5f5f5;
    margin-bottom: 10px;
}

.comments-area .comments-title {
    margin-bottom: 1.8rem;
    font-size: 26px;
}

.comments-area form#commentform p a {
    text-decoration: none;
}

.comments-area ol.comment-list {
    margin: 0;
    list-style: none;
    padding: 0;
    margin-bottom: 4em;
}

@media only screen and (max-width: 47.9375rem) {
    .comments-area ol.comment-list .depth-1.parent {
        border: 1px solid var(--bab-primary-color);
        padding: 1rem;
        margin-bottom: 1.2rem;
    }
}

.comments-area ol.comment-list ol.children,
.comments-area ol.comment-list ul.children {
    list-style: none;
    padding-left: 0;
}

@media only screen and (max-width: 47.9375rem) {

    .comments-area ol.comment-list ol.children,
    .comments-area ol.comment-list ul.children {
        padding-left: 0;
        margin-left: 0;
    }
}

.comments-area ol.comment-list ol.children .commnenter-details,
.comments-area ol.comment-list ul.children .commnenter-details {
    width: calc(100% - 6.25rem);
}

@media only screen and (max-width: 47.9375rem) {

    .comments-area ol.comment-list ol.children .commnenter-details,
    .comments-area ol.comment-list ul.children .commnenter-details {
        width: 100%;
    }
}

.comments-area ol.comment-list .single-comment {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 47.9375rem) {
    .comments-area ol.comment-list .single-comment {
        display: block;
    }
}

.comments-area ol.comment-list .single-comment .commenter-image {
    width: 6.25rem;
    margin-right: 0.625rem;
}

.comments-area ol.comment-list .single-comment .commenter-image img {
    border-radius: 50%;
    background-color: var(--bab-bg-light);
}

.comments-area ol.comment-list .single-comment .commnenter-details {
    max-width: 100%;
    width: calc(100% - 6.25rem);
}

@media only screen and (max-width: 47.9375rem) {
    .comments-area ol.comment-list .single-comment .commnenter-details {
        width: 100%;
    }
}

.comments-area ol.comment-list .single-comment .commnenter-details>p {
    margin-bottom: 0.625rem;
}

.comments-area ol.comment-list .single-comment .commnenter-details .comment-meta {
    display: block;
}

.comments-area ol.comment-list .single-comment .commnenter-details .comment-meta h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
}

@media only screen and (max-width: 991px) {
    .comments-area ol.comment-list .single-comment .commnenter-details .comment-meta {
        display: block;
    }

    .comments-area ol.comment-list .single-comment .commnenter-details .comment-meta h4 {
        margin-top: 20px;
    }
}

.comments-area ol.comment-list .single-comment .commnenter-details .comment-meta h4 a {
    text-decoration: none;
    color: var(--bab-text-primary);
}

.comments-area ol.comment-list .single-comment .commnenter-details .comment-meta p {
    margin: 0;
}

.comments-area ol.comment-list .single-comment .reply a {
    color: var(--bab-text-primary);
    position: relative;
    line-height: 1.4;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 700;
}

.comments-area ol.comment-list .single-comment .reply a:after {
    content: "\e92c";
    font-family: 'rswpthemes';
    margin-left: 0.625rem;
}

.comments-area .comment-form button.btn.btn-primary:hover {
    background-color: var(--bab-primary-hover);
    color: var(--bab-primary-bg-text-color);
}

@media only screen and (max-width: 47.9375rem) {
    div#respond {
        padding: 50px 20px;
    }
}

form#commentform input[name="author"],
form#commentform input[name="email"] {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

form#commentform input[name="email"] {
    margin-right: 0;
}

form#commentform input[name="url"] {
    margin-bottom: 10px;
}

form#commentform textarea[name="comment"] {
    background: var(--bab-bg-body);
    width: 100%;
}

div#respond h4 {
    text-align: left;
    margin-bottom: 35px;
    margin-top: 0;
}

.logged-in div#respond h4 {
    margin-bottom: 15px;
}

form#commentform p.comment-form-cookies-consent {
    text-align: left;
}

.woocommerce form#commentform {
    background: var(--bab-bg-light);
    padding: 10px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.woocommerce form#commentform {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.woocommerce form#commentform>p {
    width: 100%;
}

.woocommerce form#commentform>p.comment-form-author,
.woocommerce form#commentform>p.comment-form-email {
    width: 49% !important;
    margin-bottom: 0 !important;
}

.woocommerce form#commentform>p.comment-form-author label,
.woocommerce form#commentform>p.comment-form-email label {
    width: 100%;
    display: block;
}

.woocommerce form#commentform>p.comment-form-author input,
.woocommerce form#commentform>p.comment-form-email input {
    width: 100%;
    margin-bottom: 0;
}

form#commentform p.form-submit {
    text-align: left;
    margin-bottom: 0;
}

.woocommerce form#commentform p.form-submit {
    text-align: left;
}

form#commentform p.form-submit button.btn-primary {
    border: 0;
    border-radius: 5px;
}

/* 7.4 - Related Posts Section */
.related-post-wrapper {
    margin-top: 1.5rem;
}

.related-post-wrapper .related-post-title {
    margin-bottom: 1.5rem;
}

.related-post-wrapper .related-post-sldider .book-author-blog-standard-post__post-title h4 {
    margin-top: .5rem;
    margin-bottom: 0.9rem;
}


/*--------------------------------------------------------------
8.0 - Widgets & Sidebar Elements
--------------------------------------------------------------*/
/* 8.1 - Sidebar Widgets General */
.widget-area {
    margin-top: 3.75rem;
}
}

aside.widget-area .widget {
    box-shadow: none;
    background: var(--bab-widget-bg, var(--bab-bg-body));
    padding: 0;
}

body.custom-background aside.widget-area .widget {
    padding: 15px 20px;
    border-radius: 5px;
}

aside.widget-area .widget .widget-title,
aside.widget-area .widget.widget_block h2,
aside.widget-area .widget .widgettitle,
aside.widget-area .widget.widget_block .wp-block-group__inner-container>h2 {
    margin-top: 0;
    padding-top: 0;
    font-family: var(--bab-widget-title-font-family, var(--bab-font-widget-title-family, var(--bab-font-heading)));
    font-weight: var(--bab-widget-title-font-weight, var(--bab-font-widget-title-weight, 700));
    font-size: var(--bab-widget-title-font-size, var(--bab-font-widget-title-size, 1.5rem));
    line-height: var(--bab-widget-title-line-height, var(--bab-font-widget-title-line-height, 1.6));
    color: var(--bab-widget-title-color, var(--bab-font-widget-title-color, var(--bab-text-primary)));
}

aside.widget-area .widget .widget-title:before {
    position: absolute;
    content: "";
    background: var(--bab-widget-title-sep-color, var(--bab-primary-color));
    width: 50px;
    height: 3px;
    bottom: 0;
    border-radius: 0;
}

.widget {
    margin-bottom: 2.575em;
}

.widget_categories li.cat-item {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}

.widget.footer-layout-two {
    margin-bottom: 1.6em;
}

.footer-social-links .social-link {
    display: inline-block;
}

.footer-social-links .social-link a {
    padding: 0 .5em;
    color: var(--bab-text-secondary);
}

.footer-layout-two ul.menu li {
    margin: 0;
    padding: 0;
}

.widget.footer-layout-two:last-child {
    margin-bottom: 0;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget .gallery-item {
    margin: 0;
}

.widget .gallery-item img {
    display: block;
    border: 1px solid transparent;
}

.widget .gallery {
    margin-bottom: 0;
}

.widget .widget-title,
.widget .widgettitle {
    padding: 1.25rem 0;
    margin-bottom: 1.2em;
    position: relative;
    border-bottom: 0;
    margin-top: 0;
    text-align: left;
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 700;
    background: transparent;
    line-height: normal;
    border-bottom: 1px solid var(--bab-border-color);
}

.widget h2.widget-title.footer-title {
    color: var(--bab-text-primary);
    font-size: 1.5rem;
    position: relative;
    padding-top: 0;
    margin-bottom: 1.2em;
    padding-bottom: 1em;
}

.footer-content .widget .widget-title h4,
.footer-content .widget .widgettitle h4 {
    font-size: 1.375rem;
    text-transform: capitalize;
}

.footer-content .widget h2.widget-title.footer-title:before {
    position: absolute;
    width: 50px;
    height: 3px;
    content: "";
    background: var(--bab-primary-color);
    bottom: 0;
    left: 0;
    border-radius: 0;
}

.footer-content .widget .widget-title,
.footer-content .widget .widgettitle {
    text-align: left;
}

@media only screen and (max-width: 991px) {

    .footer-content .widget,
    .footer-content .widget {
        margin-bottom: 40px;
    }

    .footer-content .widget .widget-title,
    .footer-content .widget .widgettitle {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.widget select {
    max-width: 100%;
    width: 100%;
    height: 2.5rem;
    border-color: var(--bab-border-color);
}

.widget a {
    color: var(--bab-text-secondary);
}

.widget .tagcloud a {
    color: var(--bab-primary-bg-text-color);
    background-color: var(--bab-primary-color);
    display: inline-block;
    text-decoration: none;
    padding: 7px 15px;
    margin: 0.2em .12em;
    line-height: normal;
    border-radius: 3px;
    transition: var(--bab-transition-base);
    font-size: 1rem !important;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus {
    background: var(--bab-primary-hover);
    color: var(--bab-primary-bg-text-color);
}

.widget ul,
.widget ol {
    margin: 0;
    list-style: none;
    padding: 0;
}

.footer-content .widget ul,
.footer-content .widget ol {
    background: transparent;
    border-color: transparent;
    padding: 0;
}

.footer-content .widget p,
.footer-content .widget div {
    color: var(--bab-text-secondary);
}

.widget ul li,
.widget ol li {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

.widget ul li a,
.widget ol li a {
    text-decoration: none;
    color: var(--bab-text-secondary);
    transition: var(--bab-transition-base);
}

.footer-content .widget.widget_rss a {
    font-weight: 700;
}

.widget-area .widget.widget_rss a.rsswidget {
    font-weight: 700;
    color: var(--bab-primary-color);
    display: block;
}

.rssSummary {
    margin: 15px 0;
}

.footer-content .widget.widget_rss span.rss-date,
.footer-content .widget.widget_rss cite {
    color: var(--bab-text-secondary);
    font-style: italic;
}

.footer-content .widget ul li a,
.footer-content .widget ol li a,
.footer-content .widget ul li,
.footer-content .widget ol li {
    color: var(--bab-text-secondary);
}

.footer-content .widget .menu-item-has-children>a {
    padding-bottom: 0.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

.footer-content .widget ul li span.post-date,
.footer-content .widget ol li span.post-date {
    font-size: 85%;
}

.widget ul li a:hover,
.widget ul li a:visited,
.widget ul li a:focus,
.widget ul li a:active,
.widget ol li a:hover,
.widget ol li a:visited,
.widget ol li a:focus,
.widget ol li a:active {
    text-decoration: underline;
    color: var(--bab-primary-color);
}

.widget ul ul,
.widget ul ol,
.widget ol ul,
.widget ol ol {
    padding-left: 0.625rem;
    margin: 0;
    list-style: none;
}

.widget ul ul li:last-child,
.widget ul ol li:last-child,
.widget ol ul li:last-child,
.widget ol ol li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.widget_search input {
    height: 3rem;
    width: calc(100% - 3rem);
    float: left;
    border: 1px solid var(--bab-border-color);
    padding-left: .8rem;
    border-radius: 0;
}

.widget_search input:focus {
    outline: none;
    border-color: var(--bab-primary-color);
}

.widget_search button {
    height: 3rem;
    width: 3rem;
    background-color: var(--bab-primary-color);
    border-radius: 0;
    border: 1px solid var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    font-size: 1.1rem;
    text-align: center;
    padding: 0;
}

.widget.widget_block.widget_search button.wp-block-search__button {
    font-size: 0px;
    position: relative;
}

.widget.widget_block.widget_search .wp-block-search__label {
    margin-bottom: 10px;
    display: block;
}

.widget.widget_block.widget_search button.wp-block-search__button:before {
    position: absolute;
    content: "\e924";
    font-family: 'rswpthemes';
    font-size: 1rem;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    line-height: 48px;
}

.widget_search button:hover {
    background: var(--bab-primary-hover);
    border-color: var(--bab-primary-hover);
    color: var(--bab-primary-bg-text-color);
}

.footer-menu-wrapper ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-wrapper ul.menu li {
    display: inline-block;
}

.footer-menu-wrapper ul.menu li a {
    padding: 10px 15px;
    display: block;
    color: var(--bab-footer-menu-color, #000000);
}

.footer-menu-wrapper ul.menu li a:hover {
    color: var(--bab-footer-menu-hover-color, #fb4747);
}

.footer-social-links-wrapper {
    display: flex;
    justify-content: center;
}

.footer-social-links-wrapper a {
    color: var(--bab-footer-social-txt, #000000);
    background-color: var(--bab-footer-social-bg, #ffffff);
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 5px;
    border-radius: 50px;
    transition: var(--bab-transition-base);
}

.footer-social-links-wrapper a:hover {
    background-color: var(--bab-footer-social-hover-bg, #fb4747);
    color: var(--bab-footer-social-hover-txt, #ffffff);
}

.footer-menu-wrapper {
    margin-bottom: 20px;
}

.footer-logo-wrapper {
    margin-bottom: 20px;
}

/* Foote Top Section Style */
ul.recent-post-widget {
    text-align: center;
}

ul.recent-post-widget li {
    position: relative;
    display: flex;
    justify-content: space-between;
}

ul.recent-post-widget li div.recent-widget-content {
    position: static;
    z-index: 2;
    left: 0;
    bottom: 0;
    text-align: left;
    padding: 0 1em;
    width: 100%;
    align-self: center;
}

ul.recent-post-widget li div.recent-post-thumb {
    width: 100px;
    height: 100px;
}

ul.recent-post-widget li.has-post-thumbnail div.recent-widget-content {
    width: calc(100% - 105px);
}

.recent-post-date a {
    font-size: .8rem;
}

ul.recent-post-widget li.has-post-thumbnail div.recent-widget-content .recent-post-date .posted-on time.published:not(.updated) {
    display: none;
}

ul.recent-post-widget li .recent-widget-content .cat-links {
    display: block;
    margin-bottom: 10px;
}

ul.recent-post-widget li .recent-widget-content h2 {
    font-size: 1rem;
    margin-top: 0;
}

ul.recent-post-widget li .recent-widget-content h2 a {
    color: var(--bab-text-primary);
    background: linear-gradient(to right, var(--bab-primary-color) 0%, var(--bab-primary-color) 100%);
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: left 87%;
    display: inline;
    background-size: 0% 3px;
    text-decoration: none;
    padding-bottom: 6px;
    transition: var(--bab-transition-base);
}

ul.recent-post-widget li .recent-widget-content h2 a:hover,
ul.recent-post-widget li .recent-widget-content h2 a:focus {
    background-size: 100% 3px;
}

ul.recent-post-widget li .recent-widget-content a:hover,
ul.recent-post-widget li .recent-widget-content a:focus {
    outline: none;
    text-decoration: none;
}

@media only screen and (max-width: 47.9375rem) {
    ul.recent-post-widget li .recent-widget-content h2 {
        font-weight: 400;
    }
}

ul.recent-post-widget li .recent-widget-content p {
    margin-bottom: 0;
}

ul.recent-post-widget li .recent-widget-content a:hover {
    text-decoration: none;
}

ul.recent-post-widget li .recent-widget-content .cat-links a {
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    padding: .4rem 1.2rem;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: normal;
    transition: var(--bab-transition-base);
    display: inline-block;
    margin-bottom: 12px;
    border-radius: 50px;
}

ul.recent-post-widget li .recent-widget-content .cat-links a:hover,
ul.recent-post-widget li .recent-widget-content .cat-links a:focus {
    background-color: var(--bab-primary-hover);
}

ul.recent-post-widget li .recent-widget-content .posted_by {
    display: inline-block;
}

ul.recent-post-widget li .recent-widget-content .posted_by a {
    display: block;
    text-decoration: none;
    color: var(--bab-primary-color);
}

ul.recent-post-widget li .recent-widget-content .posted_by a img {
    border-radius: 50%;
    margin-right: 0;
}

ul.recent-post-widget li .recent-widget-content .posted_by a i {
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize;
    font-style: normal;
    color: var(--bab-text-primary);
    margin-left: 7px;
    font-size: 14px;
}

ul.recent-post-widget .recent-post-thumb {
    position: relative;
}

ul.recent-post-widget .recent-post-thumb img {
    display: block;
    border-radius: 5px;
}

li.book-author-blog-recent-post.no-post-thumbnail .recent-widget-content a h2.rct-news-title {
    color: var(--bab-text-primary);
    background: linear-gradient(to right, var(--bab-primary-color) 0%, var(--bab-primary-color) 100%);
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: left 87%;
    display: inline;
    background-size: 0% 3px;
    text-decoration: none;
    padding-bottom: 6px;
    transition: var(--bab-transition-base);
}

li.book-author-blog-recent-post.no-post-thumbnail .recent-widget-content a:hover h5.rct-news-title,
li.book-author-blog-recent-post.no-post-thumbnail .recent-widget-content a:focus h5.rct-news-title {
    background-size: 100% 3px;
}

li.book-author-blog-recent-post.no-post-thumbnail .recent-widget-content .posted_by a i {
    color: var(--bab-text-primary);
}

section.footer-content.footer-top-area {
    background-color: var(--bab-footer-top-bg, #1a1a1a);
}

section.footer-content.footer-top-area .widget-title.footer-title:before {
    border-radius: 0;
    height: 2px;
    background-color: var(--bab-footer-top-title-sep-color, rgb(255 255 255 / 50%));
}

section.footer-content.footer-top-area .widget-title.footer-title {
    color: var(--bab-footer-top-title-color, hsl(0deg 0% 100% / 50%));
    font-size: 1.1rem;
    text-transform: uppercase;
    border-bottom-color: var(--bab-footer-top-title-border-color, rgb(255 255 255 / 50%));
    margin-bottom: 2em;
}

section.footer-content.footer-top-area .widget p,
section.footer-content.footer-top-area .widget,
section.footer-content.footer-top-area .widget span,
section.footer-content.footer-top-area .widget li,
section.footer-content.footer-top-area .widget div,
section.footer-content.footer-top-area .widget cite,
section.footer-content.footer-top-area .widget span.rss-date,
section.footer-content.footer-top-area .widget table,
section.footer-content.footer-top-area .rswpthemes-featured-book-area-inner .book-author h4,
section.footer-content.footer-top-area ul.recent-post-widget li .recent-widget-content h2 {
    color: var(--bab-footer-top-text-color, var(--bab-primary-bg-text-color));
}

section.footer-content.footer-top-area .widget.widget_nav_menu li,
section.footer-content.footer-top-area .widget.widget_categories li {
    border-bottom: 1px solid var(--bab-footer-top-menu-separator-color, rgb(255 255 255 / 10%));
}

section.footer-content.footer-top-area .widget a {
    font-weight: 700;
    color: var(--bab-footer-top-link-color, var(--bab-primary-bg-text-color));
}

section.footer-content.footer-bottom-area {
    background-color: var(--bab-footer-bg, #f4f4ec);
}

section.footer-content.footer-top-area .widget .recent-post-date a {
    font-weight: 300;
}

.footer-content.section-padding {
    padding: 5rem 0;
    border-top: 1px solid var(--bab-border-color);
    background: transparent;
}

.footer-content.yellowbg {
    background: #ffc50a;
}

.footer-content.section-padding .widget * {
    color: var(--bab-text-primary);
}

.footer-content.section-padding .widget-title h4 {
    margin-top: 0;
}

.searchform-area {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff7f3;
    top: 0;
    left: 0;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--bab-transition-slow);
    transform: scale(0.5, 0.5);
    visibility: hidden;
    opacity: 0;
}

.searchform-area.show {
    transform: scale(1, 1);
    visibility: visible;
    z-index: 1030;
    opacity: 1;
}

.search-close {
    position: absolute;
    right: 70px;
    top: 70px;
    font-weight: 100;
    cursor: pointer;
}

.search-close i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid var(--bab-border-color);
    border-radius: 50px;
    color: var(--bab-text-primary);
    background: var(--bab-bg-light);
}

.search-popup div {
    font-weight: 700;
    cursor: pointer;
}

.search-form-inner {
    width: 100%;
}

.search-form-inner .sidebarsearch .form-group input {
    width: calc(100% - 150px);
    height: 5rem;
    padding-left: 2rem;
}

.search-form-inner .sidebarsearch .form-group {
    display: flex;
}

.search-form-inner .sidebarsearch .form-group button {
    width: 150px;
}

.search-form-inner .sidebarsearch form {
    display: flex;
}

.search-form-inner .sidebarsearch form input {
    height: 70px;
    border-radius: 50px;
    padding-left: 50px;
}

.search-form-inner .sidebarsearch form button {
    background: transparent;
    color: #ccc;
    border: 0;
    position: absolute;
    right: 0;
    height: 70px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    padding: 0;
}

.search-form-inner .sidebarsearch form {
    position: relative;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 2.5em;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
    margin-top: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.wp-block-latest-comments__comment {
    line-height: 1.6;
}

/* 8.2 - Company Social Widget */
/*About Company Widget*/
.company-social-links .social-link a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid var(--bab-text-secondary);
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: 0px 2px;
    transition: var(--bab-transition-base);
}

.company-social-links .social-link a:hover {
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    border-color: var(--bab-primary-color);
}

.company-logo {
    margin-bottom: 10px;
}

.company-social-links .social-link {
    display: inline-block;
}

.company-social-links {
    margin-top: 20px;
}

/*Cookies Banner CSS*/

/* 8.3 - Books Slider Widget */
/*Books Slider*/
section.blog-page-header-area {
    background: var(--bab-bg-alt);
    padding: 4em 0 3em 0;
}

.books-slider-active .books-product-layout {
    padding: 0 15px;
}

.book-product-layout-wrapper {
    background: var(--bab-bg-body);
}

.books-slider-active .slick-list {
    margin: 0 -15px;
}

.books-slider-wrapper .slick-arrow {
    width: 40px;
    height: 40px;
    z-index: 5;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    cursor: pointer;
    background: var(--bab-bg-body);
}

.books-slider-wrapper .slick-arrow.slick-next {
    position: absolute;
    right: -60px;
    bottom: 50%;
    margin-bottom: 25px;
    z-index: 55;
}

.books-slider-wrapper .slick-arrow.slick-prev {
    position: absolute;
    left: -60px;
    bottom: 50%;
    margin-bottom: 25px;
    z-index: 55;
}

@media (max-width: 1200px) {
    .books-slider-wrapper .slick-arrow.slick-prev {
        left: -20px;
        background: var(--bab-bg-body);
    }

    .books-slider-wrapper .slick-arrow.slick-next {
        right: -20px;
        background: var(--bab-bg-body);
    }
}

@media (max-width: 991.98px) {
    .books-slider-wrapper .slick-arrow.slick-prev {
        left: 0;
        background: var(--bab-bg-body);
    }

    .books-slider-wrapper .slick-arrow.slick-next {
        right: 0;
        background: var(--bab-bg-body);
    }
}


/* 8.4 - Instagram Feed Widget */
/*Instagram Slider*/
.book-author-blog-instagram-section {
    position: relative;
}

.book-author-blog-instagram-section .slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -25px;
    background: var(--bab-bg-body);
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    z-index: 7;
    cursor: pointer;
    font-size: .81rem;
}

.book-author-blog-instagram-section .slick-arrow.slick-next {
    right: 20px;
}

.book-author-blog-instagram-section .slick-arrow.slick-prev {
    left: 20px;
}

#sb_instagram #sbi_load {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

@media (max-width:991px) {
    #sb_instagram .sbi_photo {
        height: 200px !important;
    }
}

@media (max-width:767px) {
    #sb_instagram .sbi_photo {
        height: 200px !important;
    }
}

/* 8.5 - Featured Book & Newsletter Widgets */
/*Featured Book Widget*/
.featured-book-area-inner .book-name h2 {
    font-size: 1.3rem;
    margin: 0;
}

.featured-book-area-inner .book-author h4 {
    font-size: 1rem;
    margin: 0;
    color: var(--bab-text-secondary);
}

.featured-book-area-inner .order-button a {
    display: inline-block;
    padding: .5em 2em;
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    border-radius: 50px;
    transition: var(--bab-transition-base);
}

.featured-book-area-inner {
    text-align: center;
}

.featured-book-area-inner .order-button {
    margin-top: 1em;
}

.featured-book-area-inner .book-image {
    margin-bottom: 1em;
}

.featured-book-area-inner .order-button a:hover {
    background: var(--bab-primary-hover);
}

/*Subscribe Form Widget*/
.subscribe-form-widget-area {
    padding: 30px 20px;
    border-radius: 5px;
    background: var(--bab-bg-alt);
    text-align: center;
}

.subscribe-form-inner h2 {
    margin-bottom: 10px;
    text-align: center;
}

.subscribe-form-inner img {
    display: block;
    margin: 0 auto;
}

.subscribe-form-inner p {
    margin: 0 0 15px 0;
}

.subscribe-form-inner .form-image {
    margin-bottom: 15px;
}

.form-shortcode .mc4wp-form-fields {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-top-area .textwidget form.mc4wp-form .mc4wp-form-fields {
    display: flex;
}

.footer-top-area .textwidget form.mc4wp-form .mc4wp-form-fields input[type="email"] {
    width: 80% !important;
}

.form-shortcode .mc4wp-form-fields input {
    height: 50px;
}

.form-shortcode .mc4wp-form-fields input[type="submit"] {
    margin-left: 0;
}

.form-shortcode .mc4wp-form-fields .sign-up-btn-wrapper input {
    font-size: 0;
    width: 50px;
}

.form-shortcode .mc4wp-form-fields .sign-up-btn-wrapper {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--bab-primary-color);
    z-index: 6;
}

.form-shortcode .mc4wp-form-fields .sign-up-btn-wrapper:before {
    position: absolute;
    content: "\f0e0";
    font-family: fontawesome;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    padding: 0;
    left: 0;
    top: 0;
    color: var(--bab-primary-bg-text-color);
}

.form-shortcode .mc4wp-form-fields input[type="email"] {
    padding-right: 20px;
    text-align: left;
    padding-left: 20px;
    position: relative;
    z-index: 0;
    width: calc(100% - 50px);
}

/* 8.6 - Elementor Widget Adjustments */
body.right-sidebar .elementor-section.elementor-section-stretched,
body.left-sidebar .elementor-section.elementor-section-stretched,
body.both-sidebar .elementor-section.elementor-section-stretched {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}


/*--------------------------------------------------------------
9.0 - Footer Area
--------------------------------------------------------------*/
/* 9.1 - Site Footer Info & Links */
.site-info {
    text-align: left;
    color: var(--bab-text-primary);
    font-size: 10pt;
}

.site-info a {
    color: #ab9595;
    font-weight: 600;
}

@media only screen and (max-width: 47.9375rem) {
    .site-info {
        text-align: center;
    }
}

.social-link-footer {
    text-align: right;
}

@media only screen and (max-width: 47.9375rem) {
    .social-link-footer {
        text-align: center;
        margin-top: 1.2rem;
    }
}

.social-link-footer a {
    width: 2.5rem;
    display: inline-block;
    height: 2.5rem;
    border: 1px solid #cdcddf;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 50%;
    text-decoration: none;
    color: #778193;
    background-color: var(--bab-bg-light);
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 5;
}

.social-link-footer a:hover {
    background-color: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    border-color: var(--bab-primary-color);
}

.site-copyright {
    padding: 1rem 0;
    border-top: 1px solid var(--bab-copyright-border, #f1f1f1);
    position: relative;
    background-color: var(--bab-copyright-bg, #f4f4ec);
}

.site-copyright .site-info {
    color: var(--bab-copyright-text, #000000);
}

.site-copyright .site-info a {
    color: var(--bab-copyright-link, #000000);
}

footer.site-footer {
    background-color: var(--bab-bg-body);
    border-top: 1px solid var(--bab-border-color);
}

.footer-layout-two ul.menu li {
    display: inline-block;
}

.footer-layout-two ul.menu li a {
    color: var(--bab-text-secondary);
    padding: .2em 1em;
}

@media only screen and (max-width: 47.9375rem) {
    .footer-nav {
        text-align: center;
        margin-top: 1.2rem;
    }
}

.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: right;
}

.footer-nav ul li {
    display: inline-block;
}

.footer-nav ul li a {
    display: block;
    padding: 0 .5rem;
    color: var(--bab-text-secondary);
    text-transform: capitalize;
}

.footer-nav ul li a:hover {
    color: var(--bab-primary-hover);
    text-decoration: none;
}

/* 9.2 - Copyright & Footer Bottom Socials */
.copyright-menu ul li {
    display: inline-block;
}

.copyright-menu {
    margin-top: 40px;
}

.copyright-menu ul {
    padding: 0;
}

.copyright-menu ul li a {
    color: #ab9595;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 0 12px;
}

.copyright-menu ul li a:hover {
    color: var(--bab-primary-color);
}

.social-link-bottom {
    margin-left: 0;
}

.social-link-bottom a {
    width: 40px;
    height: 42px;
    line-height: 42px;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    color: var(--bab-text-secondary);
    border: 1px solid #B2B7CB4D;
    transition: var(--bab-transition-base);
    text-decoration: none;
}

section.footer-content {
    padding: 50px 0;
}

.social-link-bottom a:hover {
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    border-color: var(--bab-primary-color);
}

/* 9.3 - Footer Logo */
.footer-logo-wrapper {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
10.0 - Popups & Mobile Navigation
--------------------------------------------------------------*/
/* 10.1 - Header Search Template Popup */
.popup-search-template-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--bab-bg-body);
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--bab-transition-slow);
}

.popup-search-template-area.visible {
    opacity: 1;
    visibility: visible;
}

.search-template-content-area-inner {
    width: 100%;
}

.search-template-hide-button a {
    text-decoration: none;
    color: var(--bab-text-primary);
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px solid var(--bab-text-primary);
    border-radius: 50px;
    line-height: 25px;
    display: inline-block;
    font-size: 1rem;
    padding: 0;
}

.search-template-hide-button {
    position: absolute;
    right: 10%;
    top: 10%;
}

.search-template-search-box button {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--bab-bg-light);
    border: 1px solid var(--bab-border-color);
    color: var(--bab-text-primary);
    display: none;
}

.search-template-search-box input {
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 60px;
    float: none;
}

.search-template-inner h2.widgettitle {
    font-size: 1rem;
    display: block;
    position: static;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

.search-template-inner .widget {
    margin-bottom: 35px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--bab-border-color);
}

.search-template-tags-wrapper .widget.widget_tag_cloud a {
    font-size: 1rem !important;
    margin-bottom: 5px;
}

.search-template-tags-wrapper .widget:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*Mobile Menu CSS*/

/* 10.2 - Sidebar Mobile Menu Template */
.mobile-menu-template-area {
    position: fixed;
    top: 0;
    width: 300px;
    height: 100%;
    background: var(--bab-bg-body);
    z-index: 99999;
    padding: 50px 0;
    transition: left 0.3s ease-out;
    box-shadow: -18px 0px 20px 0px var(--bab-text-primary);
    left: -300px;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    overflow: auto;
}

.mobile-menu-template-area.visible {
    left: 0;
}

.mobile-menu-template-area ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.mobile-menu-template-area ul ul {
    padding-left: 0;
    display: none;
}

.mobile-menu-template-area ul ul.open {
    display: block;
}

.mobile-menu-template-area ul ul a {
    padding-left: 10px;
}

.mobile-menu-template-area ul ul ul a {
    padding-left: 20px;
}

.mobile-menu-template-area ul ul ul ul a {
    padding-left: 30px;
}

.mobile-menu-template-area li a {
    color: var(--bab-text-primary);
    padding: 5px 0;
    display: block;
    border-bottom: 1px solid var(--bab-border-color);
}

.mobile-menu-logo {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bab-border-color);
}

.mobile-menu-logo .site-description {
    margin-bottom: 1em;
}

.mobile-menu-logo h1 {
    font-size: 1.5rem;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.mobile-menu-logo h1 a {
    color: var(--bab-text-primary);
}

.mobile-menu-template-area ul.menu li {
    position: relative;
}

span.sub-menu-button {
    position: absolute;
    right: 0;
    width: 15px;
    height: 15px;
}

span.sub-menu-button .sub-menu-icon {
    display: block;
    position: relative;
    height: 15px;
    width: 15px;
}

.menu-icon-wrapper a {
    color: var(--bab-text-primary);
}

span.sub-menu-button .sub-menu-icon:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--bab-text-primary);
    left: 0;
}

span.sub-menu-button .sub-menu-icon:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    margin-left: -0.5px;
    left: 50%;
    background-color: var(--bab-text-primary);
    margin-top: -6.5px;
}

span.sub-menu-button.submenu-opened a:after {
    display: none;
}

.mobile-menu-template-hide-button-wrapper a {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 25px;
    border: 2px solid var(--bab-text-primary);
    text-align: center;
    color: var(--bab-text-primary);
    border-radius: 50px;
}

.mobile-menu-template-hide-button {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

/*End of Mobile Menu Template*/

/* 10.3 - Cookies Acceptance Banner */
.rs-wp-themes-cookies-banner-area {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 300px;
    z-index: 88888;
}

.rs-wp-themes-cookies-inner-area {
    background: var(--bab-bg-body);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
}

.rs-wp-themes-cookes-content-wrapper {
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

.rs-wp-themes-cookies-banner-area h4 {
    margin-top: 0;
}

.rs-wp-themes-cookies-banner-area .cookies_accept_button {
    display: block;
    text-align: center;
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    padding: .5em 1.5em;
    margin-bottom: 1.2em;
    cursor: pointer;
}

.rs-wp-themes-cookies-accept-area {
    font-size: .8rem;
    background: var(--bab-bg-light);
    padding: .2em 1em;
    text-align: center;
}

.rs-wp-themes-cookies-accept-area a {
    font-weight: 700;
}


/*--------------------------------------------------------------
11.0 - Utilities & Helpers
--------------------------------------------------------------*/
/* 11.1 - Gutenberg Block Core Overrides */
/*--------------------------------------------------------------
## General Structure
--------------------------------------------------------------*/
/*.entry-content > * {
  margin: 36px auto;
  max-width: 100%;
  padding-left: 14px;
  padding-right: 14px;
}
*/
/*.entry-content>.alignwide {
    max-width: 1070px;
    margin: 0 auto;
}
.entry-content>.alignfull {
    margin: 1.5em 0;
    max-width: 100%;
}
*/
/*@media screen and (min-width: 608px) {
  .entry-content > * {
    padding-left: 0px;
    padding-right: 0px;
  }
}
*/
/*--------------------------------------------------------------
## Code
--------------------------------------------------------------*/
.wp-block-code {
    padding: 0.8em 1em;
    margin-left: 14px;
    margin-right: 14px;
}

@media screen and (min-width: 608px) {
    .wp-block-code {
        margin-left: auto;
        margin-right: auto;
    }
}

/*--------------------------------------------------------------
## Cover
--------------------------------------------------------------*/
.wp-block-cover-text p {
    padding: 1.5em 14px;
}

@media screen and (min-width: 608px) {
    .wp-block-cover-text p {
        padding: 1.5em 0;
    }
}

/*--------------------------------------------------------------
## Embeds
--------------------------------------------------------------*/
.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto;
}

/*--------------------------------------------------------------
## Group
--------------------------------------------------------------*/
.wp-block-group>.wp-block-group__inner-container>* {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-group>.wp-block-group__inner-container>.alignwide {
    max-width: 1070px;
}

.wp-block-group>.wp-block-group__inner-container>.alignfull {
    max-width: 100%;
}

.wp-block-group.has-background>.wp-block-group__inner-container> :first-child {
    margin-top: 0;
}

.wp-block-group.has-background>.wp-block-group__inner-container>.alignfull {
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    position: relative;
    left: -30px;
}

/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/
.wp-block-image img {
    display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
    width: 100%;
}

.wp-block-image.alignfull img {
    width: 100vw;
}

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
    max-width: 100%;
    width: 100%;
}

/*--------------------------------------------------------------
## Latest Posts
--------------------------------------------------------------*/
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 14px;
}

/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
.entry-content ul,
.entry-content ol {
    margin: 1.5em auto;
    max-width: 100%;
    list-style-position: outside;
}

.entry-content li {
    margin-left: 2.5em;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    margin: 0 auto;
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
    margin-left: 0;
}

/*--------------------------------------------------------------
## More
--------------------------------------------------------------*/
.more-link {
    display: block;
}

/*--------------------------------------------------------------
## Pullquote
--------------------------------------------------------------*/
.wp-block-pullquote>p:first-child {
    margin-top: 0;
}

/*--------------------------------------------------------------
## Quote
--------------------------------------------------------------*/
.wp-block-quote {
    margin-left: 14px;
    margin-right: 14px;
    padding: 1rem;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    margin: 0;
}

.wp-block-quote>* {
    margin-left: 1rem;
}

blockquote.wp-block-quote.is-style-red-qoute {
    background: #00AF00;
    color: var(--bab-primary-bg-text-color);
}

blockquote.wp-block-quote.is-style-red-qoute p {
    margin-bottom: 15px;
    margin-top: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 36px auto;
    padding: 1rem 1.9rem;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    font-size: 13px;
    font-size: 0.8125rem;
}

@media screen and (min-width: 644px) {
    .wp-block-quote {
        margin: 36px auto;
    }
}

/*--------------------------------------------------------------
## Separator
--------------------------------------------------------------*/
.wp-block-separator {
    margin: 3em auto;
    padding: 0;
}

/*--------------------------------------------------------------
## Table
--------------------------------------------------------------*/
.wp-block-table {
    overflow-x: auto;
    margin-left: 14px;
    margin-right: 14px;
    width: calc(100% - 28px);
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em;
}

@media screen and (min-width: 608px) {
    .wp-block-table {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

/*--------------------------------------------------------------
## Video
--------------------------------------------------------------*/
.wp-block-video video {
    max-width: 100%;
}

/*--------------------------------------------------------------

/* 11.2 - Gutenberg Color Palette Styles */
## Color Palette --------------------------------------------------------------*/ .has-strong-blue-color {
    color: #0073aa;
}

.has-strong-blue-background-color {
    background-color: #0073aa;
}

.has-lighter-blue-color {
    color: #229fd8;
}

.has-lighter-blue-background-color {
    background-color: #229fd8;
}

.has-very-light-gray-color {
    color: var(--bab-border-color);
}

.has-very-light-gray-background-color {
    background-color: var(--bab-bg-light);
}

.has-very-dark-gray-color {
    color: var(--bab-text-secondary);
}

.has-very-dark-gray-background-color {
    background-color: var(--bab-text-secondary);
}

/*# sourceMappingURL=bootstrap-grid.css.map */
/*--------------------------------------------------------------

/* 11.3 - Screen Reader Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: var(--bab-bg-light);
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* 11.4 - Infinite Scroll Support */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/* 11.5 - WooCommerce Pagination & Scroll to Top */
.book-author-blog-standard-post .book-author-blog-standard-post__full-summery .page-links {
    display: flex;
    align-items: center;
}

.book-author-blog-standard-post .book-author-blog-standard-post__full-summery .page-links a,
.book-author-blog-standard-post .book-author-blog-standard-post__full-summery .page-links span.current {
    padding: 6px 12px;
    display: inline-block;
    margin: 4px;
    background: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    line-height: normal;
}

.book-author-blog-standard-post .book-author-blog-standard-post__full-summery .page-links a:hover,
.book-author-blog-standard-post .book-author-blog-standard-post__full-summery .page-links span.current {
    background: var(--bab-primary-hover);
    color: var(--bab-primary-bg-text-color);
}

.woocommerce-pagination .page-numbers {
    border: 0 !important;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.woocommerce .woocommerce-pagination .page-numbers li {
    border: 0;
}

.woocommerce .woocommerce-pagination .page-numbers li a,
.woocommerce .woocommerce-pagination .page-numbers li span {
    padding: 0;
    color: var(--bab-primary-bg-text-color);
    text-decoration: none;
    margin: 0.1rem;
    background-color: var(--bab-primary-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li span:hover {
    background-color: var(--bab-primary-hover) !important;
    color: var(--bab-primary-bg-text-color) !important;
}

.woocommerce-pagination .page-numbers li span.current {
    background-color: var(--bab-text-primary) !important;
}

.previous-post .postarrow i {
    margin-right: 1rem;
}

.single-post-navigation .postarrow {
    display: inline-block;
    border-radius: 0;
    padding: .2rem 0;
    margin-bottom: .5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
}

.single-post-navigation .next-post {
    text-align: right;
}

.single-post-navigation .next-post .postarrow i {
    margin-left: 1rem;
}

.single-post-navigation a {
    display: block;
}

.scrooltotop a {
    background-color: var(--bab-primary-color);
    color: var(--bab-primary-bg-text-color);
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    right: 1.25rem;
    bottom: 1.25rem;
    position: fixed;
    z-index: 5;
    text-align: center;
    border-radius: 50%;
    font-size: 1rem;
    text-decoration: none;
}

.scrooltotop a:hover {
    color: var(--bab-primary-bg-text-color);
    background-color: var(--bab-primary-color);
}

@media only screen and (max-width: 47.9375rem) {
    .scrooltotop.hide-button-on-mobile {
        display: none;
    }
}

/* 11.6 - No Results & 404 Templates */
section.no-results.not-found {
    padding: 50px;
    text-align: center;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
}

section.error-404.not-found {
    text-align: center;
    background: var(--bab-bg-alt);
    padding: 3em;
    margin-bottom: 3em;
}

section.error-404.not-found .page-header .page-title {
    text-align: center;
    margin-top: 0;
}

section.error-404.not-found .page-content form.search-form {
    display: flex;
    width: 50%;
    align-items: center;
}

section.error-404.not-found .page-content div.sidebarsearch {
    display: flex;
    justify-content: center;
}

section.no-results.not-found .widget_tag_cloud h2.widgettitle {
    display: none;
}

section.no-results.not-found .widget_tag_cloud {
    margin-top: 50px;
}

section.no-results.not-found .widget_tag_cloud .tagcloud a {
    font-size: 1rem !important;
}

section.no-results.not-found .search-form {
    display: flex;
    position: relative;
}

section.no-results.not-found .search-form button {
    position: absolute;
    right: 1px;
    background: transparent;
    color: var(--bab-text-primary);
    top: 0;
    border: none;
    border-left: 1px solid var(--bab-border-color);
}

section.no-results.not-found .search-form input[type="text"] {
    border-radius: 50px;
    padding-left: 20px;
}

/* 11.7 - Category list & WP Tag Cloud */
/*# sourceMappingURL=style.css.map */
ul.wp-block-categories-list.wp-block-categories li.cat-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--bab-border-color);
    text-transform: capitalize;
}

p.wp-block-tag-cloud a {
    padding: 7px 10px;
    border: 1px solid var(--bab-border-color);
    color: var(--bab-text-secondary);
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 4px;
    transition: var(--bab-transition-base);
}

p.wp-block-tag-cloud a:hover {
    color: var(--bab-primary-color);
}

/*Blocks ALign*/

/* 11.8 - Gutenberg Wide/Full Alignment Rules */
.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
}

.alignwide {
    width: calc(100% + 395px);
    max-width: calc(100% + 395px);
    margin-left: -197.5px !important;
}

body.right-sidebar .alignfull,
body.left-sidebar .alignfull,
body.right-sidebar .alignwide,
body.left-sidebar .alignwide {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
}

@media (max-width: 920px) {
    .alignwide {
        margin: 32px calc((767px - 920px) / 2);
        max-width: 920px;
        width: 920px;
    }

    body.right-sidebar .alignfull,
    body.left-sidebar .alignfull,
    body.right-sidebar .alignwide,
    body.left-sidebar .alignwide {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
    }
}

/* 11.9 - Category Overlay & Tag Hover styles */
span.opacity-none a {
    font-size: 0;
    position: relative;
    display: inline-block;
}

span.opacity-none a:before {
    position: relative;
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 1rem;
    color: #00AF00;
}

.book-author-blog-standard-post__overlay-category span.cat-links a:hover,
.widget .tagcloud a:hover,
.discover-me-button a:hover,
.book-author-blog-standard-post__post-meta span.cat-links a:hover {
    background: var(--bab-primary-hover);
    color: var(--bab-primary-bg-text-color);
}

/* 11.10 - Sticky Social Share Widget */
/** Sticky Share Icon css*/
.book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable {
    display: flex;
}

.sticky-social-share-widget {
    position: sticky;
    max-height: 400px;
    top: 0;
    margin-right: 1em;
}

.social-sticky-menu-show-on-mobile {
    display: none;
}

.book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable .rspbpc_ess .rspbpc_ess-item span {
    display: none;
}

.book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable.display-social-website-name-with-icon .rspbpc_ess .rspbpc_ess-item span {
    display: inline;
}

.book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable .rspbpc_ess .rspbpc_ess-item {
    min-width: 40px;
    border-radius: 50px;
}

.book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable.display-social-website-name-with-icon .rspbpc_ess .rspbpc_ess-item {
    min-width: 130px;
    border-radius: 0px;
}

@media (max-width: 992px) {
    .book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable a.rspbpc_ess-item {
        font-size: .8rem;
        height: 30px;
        max-width: 30px;
        line-height: 30px;
        min-width: 30px !important;
    }
}

@media (max-width: 767.98px) {
    .social-sticky-menu-show-on-mobile {
        display: block;
    }

    .book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable .sticky-social-share-widget {
        display: none;
    }

    .book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable .social-sticky-menu-show-on-mobile a.rspbpc_ess-item {
        font-size: .8rem;
        height: 30px;
        max-width: 30px;
        line-height: 30px;
        min-width: 30px !important;
    }

    .book-author-blog-standard-post__content-wrapper.sticky-social-share-icon-enable .social-sticky-menu-show-on-mobile div.rspbpc_ess {
        justify-content: center;
    }
}


/* 11.11 - Theme preloader & Brand Credits */
body .theme-by-wrapper {
    display: block !important;
}

.theme-by-wrapper {
    width: 100%;
    text-align: center;
    display: block !important;
}

.theme-by-wrapper .theme-by-inner a {
    color: var(--bab-text-primary);
}

.theme-by-wrapper .theme-by-inner {
    font-size: .8rem;
    background: var(--bab-bg-light);
    color: var(--bab-text-primary) !important;
    padding: 0.5em 1.5em;
    display: inline-block;
    margin-top: 10px;
    border-radius: 10px;
    font-weight: 700;
}

#page #preloader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--bab-bg-body);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}