/*
Copyrights (C) Elbadil Team
/*
Theme Name: البديل
Description: Premium Multi-purpose WordPress Theme - Customized for Elbadil
Theme URI: https://elbadil.news
Author: Elbadil Team
Author URI: https://elbadil.news
Version: 57
*/

/****************************************/
/* break-points-min: sm-576px, md-768px, lg-992px, xl-1200px, xxl-1400px */
/****************************************/
body {
    --site-font: "Readex Pro", "sans-serif";
    --glob-gap: 50px;
    --glob-border-radius: 4px;
    --post-width: 300px;
    --post-row-width: 300px;
    --post-column-width: 250px;
    --post-gap: 20px;
    --content-width: 800px;
}

body {
    --body-color: #212529;
    --overlay-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    --glob-shadow-color: rgba(0, 0, 0, 0.2);
    --link-color: unset;
    --link-color-hover: var(--site-color);
    --meta-color: #595959;
    --meta-color-hover: unset;
    --light-bg: #FFFFFF;
    --light-bg-alt: var(--body-bg-color);
    --light-color: unset;
    --light-color-hover: var(--site-color);
    --light-border-color: rgba(0, 0, 0, 0.05);
    --dark-bg: var(--dark-bg-color);
    --dark-bg-alt: rgba(0, 0, 0, 0.5);
    --dark-color: #F5F5F5;
    --dark-color-hover: #FFFFFF;
    --dark-border-color: rgba(255, 255, 255, 0.07);
}

/****************************************/
[data-theme^="light"] {
    --bg-color: var(--light-bg);
    --bg-color-alt: var(--light-bg-alt);
    background-color: var(--bg-color);
    color: var(--light-color);
    --link-color: var(--light-color);
    --link-color-hover: var(--light-color-hover);
    --bg-hover: var(--bg-color-alt);
    --border-color: var(--light-border-color);
}

[data-theme^="dark"] {
    --bg-color: var(--dark-bg);
    --bg-color-alt: var(--dark-bg-alt);
    background-color: var(--bg-color);
    color: var(--dark-color);
    --link-color: var(--dark-color);
    --link-color-hover: var(--dark-color-hover);
    --bg-hover: var(--bg-color-alt);
    --border-color: var(--dark-border-color);
}

.meta-color {
    color: var(--meta-color);
    --link-color: var(--meta-color);
    --link-color-hover: var(--meta-color-hover);
}

[data-theme]+[data-theme] {
    border-top: 1px solid transparent;
}

[data-theme^="light"]+[data-theme^="light"],
[data-theme^="dark"]+[data-theme^="dark"] {
    border-color: var(--border-color);
}

/****************************************/
.content-layout-row-inner,
.content-layout-cell {
    max-width: 100%;
}

.content-layout-cell {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.content-layout-cell-empty:not(:nth-child(3)) {
    display: none;
}

/****************************************/
body,
.row,
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: calc(var(--glob-gap) * 1) !important;
}

@media (min-width: 576px) {

    body,
    .row,
    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: calc(var(--glob-gap) * 0.5) !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 575px) {
    body.design-boxed .glob-container {
        margin-right: var(--offset-x-sm, calc(var(--glob-gap) * -0.5));
        margin-left: var(--offset-x-sm, calc(var(--glob-gap) * -0.5));
        border-radius: var(--border-radius-sm);
    }
}

@media (min-width: 576px) {
    body.design-boxed .glob-container {
        border-radius: var(--glob-border-radius);
    }
}

/****************************************/
body {
    overflow-y: scroll;
    background-color: var(--body-bg-color);
    color: var(--body-color);
    overflow-wrap: break-word;
}

body,
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    line-height: 1.5;
}

h1,
.h1 {
    font-weight: bold;
    font-size: calc(1.2rem + 1vw) !important;
}

.dir-rtl {
    direction: rtl;
}

.dir-ltr {
    direction: ltr;
}

/****************************************/
.rtl [type=number] {
    direction: rtl;
}

.table-fixed {
    table-layout: fixed;
}

input[type="text"],
textarea {
    width: 100%;
}

button,
input,
optgroup,
select,
textarea,
table {
    max-width: 100%;
}

.form-control,
.form-select,
.form-control:focus,
.form-select:focus {
    background-color: var(--body-bg-color);
    border-color: rgba(0, 0, 0, 0.1);
}

.form-control,
.form-select {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 4px rgba(var(--site-color-rgb), 0.3);
}

.btn {
    --bs-btn-font-size: unset !important;
}

.btn-primary {
    --bs-btn-bg: var(--site-color);
    --bs-btn-border-color: var(--site-color-darker-1);
    --bs-btn-hover-bg: var(--site-color-darker-2);
    --bs-btn-hover-border-color: rgba(0, 0, 0, 0.1);
    --bs-btn-active-bg: var(--site-color-darker-3);
    --bs-btn-active-border-color: rgba(0, 0, 0, 0.3);
    --bs-btn-disabled-bg: var(--site-color-darker-1);
    --bs-btn-disabled-border-color: var(--site-color-darker-1);
}

.table {
    --bs-table-striped-bg: var(--body-bg-color);
}

.table-primary {
    --bs-table-color: #FFFFFF;
    --bs-table-bg: var(--site-color);
    --bs-table-border-color: rgba(0, 0, 0, 0.1);
}

.text-primary {
    color: var(--site-color) !important;
}

.form-check label,
.form-check input {
    cursor: pointer;
}

.form-check-input:focus {
    border-color: rgba(var(--site-color-rgb), 0.5);
    box-shadow: 0px 0px 0px 4px rgba(var(--site-color-rgb), 0.4);
}

.form-check-input:checked {
    background-color: rgba(var(--site-color-rgb), 1);
    border-color: rgba(var(--site-color-rgb), 1);
}

.progress-bar {
    --bs-progress-bar-bg: var(--site-color) !important;
}

.bi-spin::before {
    animation: 1s linear infinite spinner;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes highlight {
    from {
        background-color: #f9e9d2;
    }

    to {
        background-color: transparent;
    }
}

@keyframes circleIn {
    0% {
        transform: scale(0);
        opacity: 0.4;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.circleIn a,
a.circleIn {
    position: relative;
    overflow: hidden;
}

.circleIn a::before,
a.circleIn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;
    background: #FFFFFF;
    border-radius: 100%;
    display: none;
}

.circleIn a:hover::before,
a.circleIn:hover::before {
    display: block;
    animation: circleIn 0.4s linear;
    animation-fill-mode: forwards;
}

/****************************************/
.site-color {
    color: var(--site-color);
}

#ez-toc-container {
    overflow: hidden;
}

#toc_container a,
#ez-toc-containe a {
    text-decoration: none !important;
}

#toc_container a:hover,
#ez-toc-containe a:hover {
    text-decoration: underline !important;
}

#site-header .google-auto-placed,
#site-footer .google-auto-placed,
.posts-loop-container .google-auto-placed {
    display: none !important;
}

.time-now {
    display: inline-block;
    text-align: center;
}

.event {
    color: var(--site-color);
    text-decoration: underline dotted !important;
    text-underline-position: under;
}

.timer {
    padding: 1em;
    background: var(--body-bg-color);
    border-radius: var(--glob-border-radius);
}

.timer .title {
    margin-bottom: 0.5em;
}

.rtl .timer {
    border-right: 2px solid var(--site-color);
}

.ltr .timer {
    border-left: 2px solid var(--site-color);
}

.timer .timer-counter {
    display: flex;
    gap: 1em;
}

.timer .timer-counter .value {
    color: var(--site-color);
    font-size: 1.3em;
}

body .infinite-scroll-request,
body .infinite-scroll-last {
    display: none;
}

.table-responsive {
    margin-right: calc(var(--glob-gap) * -0.5);
    margin-left: calc(var(--glob-gap) * -0.5);
    padding-right: calc(var(--glob-gap) * 0.5);
    padding-left: calc(var(--glob-gap) * 0.5);
}

.floatThead-container {
    background-color: #FFFFFF;
}

.floatThead-container.floated {
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/****************************************/
.rtl #toc_container ul ul {
    margin-right: 1.5em;
    margin-left: unset;
}

#toc_container {
    border-radius: var(--glob-border-radius);
    border: 1px solid var(--light-border-color);
    width: 100% !important;
}

#toc_container .toc_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 1em;
    border-bottom: 2px solid var(--site-color);
}

#toc_container .toc_toggle {
    font-size: 0.9rem;
}

#toc_container .toc_title {
    margin-bottom: 0px;
    font-size: 1.4em;
}

#toc_container .toc_list {
    margin-bottom: 0px;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #F7F7F7;
}

/****************************************/
.search-form {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.search-field {
    min-width: 200px;
}

.search-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555555' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: auto 80%;
    background-origin: content-box;
    background-position-x: left;
}

.search-field:not(:placeholder-shown):focus,
.search-form .search-field:not(:placeholder-shown):hover {
    background-image: none;
}

.search-form-inner {
    display: flex;
    gap: 0.3em;
}

.search-form>label {
    display: block;
}

.search-form .search-submit {
    display: none;
}

/****************************************/
.rtl .search-field {
    background-position-x: left;
}

.ltr .search-field {
    background-position-x: right;
}

/****************************************/
.social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.social-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -0.3em;
    padding: 0.3em;
    border-radius: var(--glob-border-radius);
}

[data-theme^="light"] .social-links a {
    color: var(--color) !important;
}

.social-links a>* {
    font-size: 1.6em;
    line-height: 1;
}

.social-links a:hover>* {
    transform: scale(1.1);
}

.social-links a span {
    display: none;
}

/****************************************/
#site-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    transition: 0.25s ease-in-out;
}

body.site-overlay-on {
    overflow: hidden;
}

body.site-overlay-on #site-overlay {
    visibility: visible;
    opacity: 1;
}

.overlay-close {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    font-size: 2.2em;
    line-height: 1;
}

.open-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: -0.5em !important;
    padding: 0.5em !important;
    line-height: 1;
    border-radius: 100%;
}

.open-btn {
    font-size: 1.5em;
}

.open-btn:hover {
    background-color: var(--bg-hover);
}

/****************************************/
#search-overlay {
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0px);
    right: 0px;
    left: 0px;
    padding: 1.5em;
    background-color: #FFFFFF;
    transition: transform 0.25s ease-in-out;
    transform: translateY(-120%);
    text-align: center;
    border-bottom: var(--border-size) solid var(--site-color);
}

body.search-overlay-opened {
    overflow: hidden;
}

body.search-overlay-opened #search-overlay {
    transform: translateY(0px);
}

.search-overlay-close {
    margin-bottom: 1em;
}

/****************************************/
#side-menu {
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0px);
    bottom: 0px;
    width: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: transform 0.25s ease-in-out;
}

#side-menu .content-layout {
    height: 100%;
}

#side-menu .content-layout-row {
    min-height: 100%;
}

#side-menu .content-layout-row-inner {
    display: flex;
    flex-direction: column;
    gap: 2em;
    --row-padding: 1em;
    padding: var(--row-padding);
    padding-bottom: 3em;
}

body.side-menu-opened #side-menu {
    transform: translateX(0);
}

/****************************************/
.rtl #side-menu {
    transform: translateX(150%);
    right: 0px;
    border-left: var(--border-size) solid var(--site-color);
}

.ltr #side-menu {
    transform: translateX(-150%);
    left: 0px;
    border-right: var(--border-size) solid var(--site-color);
}

/****************************************/
#news-ticker {
    transform: translateY(120%);
    transition: transform 0.25s ease-in-out;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}

#news-ticker.active {
    transform: translateY(0);
}

#news-ticker {
    position: fixed;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #a70404;
    z-index: 100;
    color: #EEEEEE;
    --link-color: #EEEEEE;
    --link-color-hover: #FFFFFF;
}

.news-ticker-inner {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: calc(1em + 0.5vw);
}

.news-ticker-label {
    color: #fff254;
}

.news-ticker-content {
    flex-grow: 1;
}

.news-ticker-content a {
    display: inline-block;
}

.news-ticker-close {
    padding: 0.2em;
    line-height: 1;
    border: 2px solid currentColor;
    border-radius: 100%;
}

/****************************************/
#site {
    position: relative;
}

#site-header {
    z-index: 90;
    position: relative;
}

#site-main {
    position: relative;
    min-height: 650px;
    overflow: hidden;
}

#site-footer {
    z-index: 60;
    position: relative;
}

#site-overlay {
    z-index: 100;
}

#side-menu {
    z-index: 110;
}

#search-overlay {
    z-index: 120;
}

#wpadminbar {
    position: fixed !important;
}

/****************************************/
#site {
    font-family: var(--site-font);
}

#site img {
    max-width: 100%;
    height: auto;
}

#site iframe,
#site .wp-video,
#site video {
    max-width: 100%;
}

#site a:not(.btn) {
    color: var(--link-color);
    text-decoration: none;
    word-break: break-word;
}

#site a:not(.btn):hover {
    color: var(--link-color-hover);
}

/****************************************/
#site-header,
#site-footer,
#side-menuX,
#search-overlayX {
    --border-size: 3px;
    box-shadow: 0px 0px 10px var(--glob-shadow-color);
}

/****************************************/
#site-header {
    border-top: var(--border-size) solid var(--site-color);
}

#site-header {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0px);
    right: 0px;
    left: 0px;
    transition: transform 0.25s ease-in-out;
    transform: translateY(0px);
}

body.scroll-down #site-header {
    transform: translateY(-200%);
}

/****************************************/
#site-footer {
    border-bottom: var(--border-size) solid var(--site-color);
    font-size: 0.9em;
}

/****************************************/
#site-header .content-layout-row-inner,
#site-footer .content-layout-row-inner {
    display: flex;
    align-items: center;
    gap: 1em;
}

#site-header .content-layout-row-inner {
    --row-padding: 0.8rem;
    padding-top: var(--row-padding);
    padding-bottom: var(--row-padding);
}

#site-footer .content-layout-row-inner {
    --row-padding: 1.5rem;
    padding-top: var(--row-padding);
    padding-bottom: var(--row-padding);
}

#site-header .content-layout-cell:nth-child(3),
#site-footer .content-layout-cell:nth-child(3) {
    flex-grow: 100;
}

/****************************************/
.rtl #site-header .content-layout-cell:nth-child(4)>*,
.rtl #site-footer .content-layout-cell:nth-child(4)>*,
.rtl #site-header .content-layout-cell:nth-child(5)>*,
.rtl #site-footer .content-layout-cell:nth-child(5)>* {
    margin-right: auto;
    margin-left: 0px;
}

.ltr #site-header .content-layout-cell:nth-child(4)>*,
.ltr #site-footer .content-layout-cell:nth-child(4)>*,
.ltr #site-header .content-layout-cell:nth-child(5)>*,
.ltr #site-footer .content-layout-cell:nth-child(5)>* {
    margin-left: auto;
    margin-right: 0px;
}

/****************************************/
.site-copyrights p:last-of-type {
    margin-bottom: 0px;
}

.theme-copyrights {
    padding: 1em;
    background-color: #FFFFFF;
}

.site-copyrights,
.theme-copyrights {
    text-align: center;
}

.site-logo {
    margin-bottom: 0px;
    text-align: center;
}

.site-logo a {
    display: inline-block;
}

.site-logo img {
    min-width: 120px;
    max-width: 160px !important;
}

.site-logo .title {
    margin-bottom: 0px;
    font-weight: bold;
    display: none;
    white-space: nowrap;
}

[data-theme="light"] .site-logo .title {
    color: var(--site-color);
}

/****************************************/
.nav-menu {
    --link-padding-y: 0.5em;
    --link-padding-x: 1em;
    --sub-menu-offset: 0px;
    --sub-menu-arrow-visibility: hidden;
}

.nav-menu ul {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.nav-menu li {
    position: relative;
}

.nav-menu a {
    position: relative;
    display: flex;
    padding: var(--link-padding-y) var(--link-padding-x);
    align-items: center;
    gap: 0.4em 0.8em;
    border-radius: var(--glob-border-radius);
}

.nav-menu li:hover>a {
    color: var(--link-color-hover) !important;
    box-shadow: var(--highlight-shadow);
}

.nav-menu i {
    line-height: 1;
    font-size: 1.5em;
}

.nav-menu .menu-item-arrow {
    font-size: 0.8em;
}

.nav-menu .title {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3em;
}

/****************************************/
.nav-menu li.current-menu-item,
.nav-menu li.current-menu-parent,
.nav-menu li.current-menu-ancestor,
.nav-menu li.current-post-parent,
.nav-menu li.current-post-ancestor,
.nav-menu li.current-page-parent,
.nav-menu li.current-page-ancestor,
.nav-menu li.current-post-type-archive {
    --color-highlight: var(--link-color-hover);
    --bg-highlight: var(--bg-hover);
    --highlight-size: 100%;
    --order: -1;
}

.nav-menu li.current-menu-item>a,
.nav-menu li.current-menu-parent>a,
.nav-menu li.current-menu-ancestor>a,
.nav-menu li.current-post-parent>a,
.nav-menu li.current-post-ancestor>a,
.nav-menu li.current-page-parent>a,
.nav-menu li.current-page-ancestor>a,
.nav-menu li.current-post-type-archive>a {
    --link-color: var(--link-color-hover) !important;
    box-shadow: var(--highlight-shadow);
}

/****************************************/
.widget-nav_menu .nav-menu .menu-item-arrow {
    display: none;
}

.widget-nav_menu .nav-menu ul {
    flex-direction: column;
    align-items: unset;
}

.widget-nav_menu .nav-menu a {
    white-space: unset;
}

.widget-nav_menu.hor .nav-menu ul {
    flex-direction: row;
}

/****************************************/
.nav-menu-outer .menu-header {
    text-align: center;
}

.nav-menu-outer .menu-title {
    margin-bottom: 1em;
    padding: 1em 3em;
    border-top: 2px solid var(--site-color);
    background-color: #f7f7f7;
    border-radius: var(--glob-border-radius);
}

.nav-menu-outer .nav-menu ul {
    flex-wrap: wrap;
}

.nav-menu-outer .nav-menu a {
    display: flex !important;
}

/****************************************/
#site-header .nav-menu ul ul,
#site-footer .nav-menu ul ul {
    flex-direction: column;
    position: absolute;
    padding: 2em 1em;
    background: var(--bg-color);
    width: 250px;
    opacity: 0;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
    z-index: 10;
    visibility: hidden;
}

#site-header .nav-menu ul ul {
    top: calc(100% + var(--sub-menu-offset));
    transform: translateY(10px);
    box-shadow: 0px 20px 20px 0px var(--glob-shadow-color);
}

#site-footer .nav-menu ul ul {
    bottom: calc(100% + var(--sub-menu-offset));
    transform: translateY(-10px);
    box-shadow: 0px -20px 20px 0px var(--glob-shadow-color);
}

#site-header .nav-menu ul ul ul,
#site-footer .nav-menu ul ul ul {
    top: -2em;
}

#site-footer .nav-menu ul ul ul {
    bottom: unset;
    top: -2em;
}

#site-header .nav-menu li:hover>ul,
#site-footer .nav-menu li:hover>ul {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}

/****************************************/
[data-layout="header_layout_desktop"] .nav-menu>ul,
[data-layout="footer_layout_desktop"] .nav-menu>ul {
    flex-wrap: wrap;
    align-items: flex-end;
}

[data-layout="header_layout_desktop"] .content-layout-cell:nth-child(3) .nav-menu>ul,
[data-layout="footer_layout_desktop"] .content-layout-cell:nth-child(3) .nav-menu>ul {
    justify-content: center;
}

[data-layout="header_layout_desktop"] .content-layout-cell-empty+.content-layout-cell-empty+.content-layout-cell .nav-menu>ul>li {
    flex-grow: 1;
}

#site-header .nav-menu>ul>li>a::after,
#site-footer .nav-menu>ul>li>a::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0px;
    width: calc(var(--highlight-size, 0px) - 2 * var(--link-padding-x));
    height: 2px;
    transform: translateX(50%);
    transition: width 0.25s ease-in-out;
    background: var(--link-color-hover);
}

#site-header .nav-menu>ul>li>a:hover::after,
#site-footer .nav-menu>ul>li>a:hover::after {
    width: 100%;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li:hover::before,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li:hover::before {
    content: "";
    position: absolute;
    right: 0px;
    left: 0px;
    height: var(--sub-menu-offset);
    background-color: transparent;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li:hover::before {
    top: 100%;
}

[data-layout="footer_layout_desktop"] .nav-menu>ul>li:hover::before {
    bottom: 100%;
}

/****************************************/
[data-layout="header_layout_desktop"] .nav-menu>ul>li>ul::before,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li>ul::before {
    content: "";
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    border: 10px solid transparent;
    visibility: var(--sub-menu-arrow-visibility);
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li>ul::before {
    top: -20px;
    border-bottom-color: var(--bg-color);
}

[data-layout="footer_layout_desktop"] .nav-menu>ul>li>ul::before {
    bottom: -20px;
    border-top-color: var(--bg-color);
}

/****************************************/
[data-layout="header_layout_desktop"] .nav-menu>ul>li.lg>ul,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.lg>ul {
    width: 400px !important;
    flex-direction: row !important;
    flex-wrap: wrap;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li.lg>ul>li,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.lg>ul>li {
    flex-basis: 50%;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li.xl>ul,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.xl>ul {
    width: 600px !important;
    flex-direction: row !important;
    flex-wrap: wrap;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li.xl>ul>li,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.xl>ul>li {
    flex-basis: 33.3333%;
}

[data-layout="header_layout_desktop"] .nav-menu>ul>li.lg>ul>li>a .title,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.lg>ul>li>a .title,
[data-layout="header_layout_desktop"] .nav-menu>ul>li.xl>ul>li>a .title,
[data-layout="footer_layout_desktop"] .nav-menu>ul>li.xl>ul>li>a .title {
    justify-content: unset;
}

/****************************************/
#site-header .nav-menu>ul>li>a,
#site-footer .nav-menu>ul>li>a {
    flex-direction: column;
    justify-content: flex-end;
}

#site-header .nav-menu li li:hover>a,
#site-footer .nav-menu li li:hover>a {
    background-color: var(--bg-hover);
}

/****************************************/
.rtl #site-header .nav-menu ul ul,
.rtl #site-footer .nav-menu ul ul {
    right: -1em;
}

.ltr #site-header .nav-menu ul ul,
.ltr #site-footer .nav-menu ul ul {
    left: -1em;
}

.rtl #site-header .nav-menu ul ul ul,
.rtl #site-footer .nav-menu ul ul ul {
    right: 100%;
}

.ltr #site-header .nav-menu ul ul ul,
.ltr #site-footer .nav-menu ul ul ul {
    left: 100%;
}

.rtl #site-header .nav-menu li li .menu-item-arrow,
.rtl #site-footer .nav-menu li li .menu-item-arrow {
    transform: rotate(90deg);
}

.ltr #site-header .nav-menu li li .menu-item-arrow,
.ltr #site-footer .nav-menu li li .menu-item-arrow {
    transform: rotate(-90deg);
}

/****************************************/
[data-layout="footer_layout_mobile"] .nav-menu>ul {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

[data-layout="header_layout_mobile"] .nav-menu ul ul,
[data-layout="footer_layout_mobile"] .nav-menu ul ul {
    display: none;
}

[data-layout="header_layout_mobile"] .nav-menu .menu-item-arrow,
[data-layout="footer_layout_mobile"] .menu-item-arrow {
    display: none;
}

/****************************************/
[data-layout="header_layout_mobile"] .nav-menu {
    margin-top: calc(var(--row-padding) * -1);
    margin-bottom: calc(var(--row-padding) * -1);
    --link-padding-y: calc(var(--row-padding) * 1);
    --link-padding-x: 0px;
}

[data-layout="header_layout_mobile"] .nav-menu ul {
    margin-right: calc(var(--glob-gap) * -0.5);
    margin-left: calc(var(--glob-gap) * -0.5);
    padding-right: calc(var(--glob-gap) * 0.5);
    padding-left: calc(var(--glob-gap) * 0.5);
}

[data-layout="header_layout_mobile"] .nav-menu ul {
    align-items: flex-end;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    gap: 1.5em;
}

[data-layout="header_layout_mobile"] .nav-menu ul::-webkit-scrollbar {
    display: none;
}

[data-layout="header_layout_mobile"] .nav-menu li {
    order: var(--order);
    flex-grow: 1;
}

[data-layout="header_layout_mobile"] .nav-menu li.menu-item-home {
    order: -2;
}

[data-layout="header_layout_mobile"] .nav-menu a {
    flex-direction: row !important;
    flex-grow: 1;
    white-space: nowrap;
}

[data-layout="header_layout_mobile"] .nav-menu a .title {
    justify-content: center;
}

/****************************************/
[data-layout="side_menu_layout"] .nav-menu a {
    margin-bottom: 2px;
    background-color: var(--bg-color-alt);
    border-radius: unset;
    cursor: pointer;
}

.rtl [data-layout="side_menu_layout"] .nav-menu a {
    border-right: 2px solid var(--border-color);
}

.ltr [data-layout="side_menu_layout"] .nav-menu a {
    border-left: 2px solid var(--border-color);
}

[data-layout="side_menu_layout"] .nav-menu>ul>li>a {
    border-color: var(--color-highlight, var(--border-color)) !important;
}

[data-layout="side_menu_layout"] .nav-menu>ul>li>a:hover {
    border-color: var(--link-color-hover) !important;
}

[data-layout="side_menu_layout"] .nav-menu a:hover {
    border-color: var(--link-color-hover);
}

[data-layout="side_menu_layout"] .nav-menu ul {
    flex-direction: column;
}

[data-layout="side_menu_layout"] .nav-menu .menu-item-arrow {
    margin: calc(var(--link-padding-y) * -1) calc(var(--link-padding-x) * -1);
    padding: calc(var(--link-padding-y) * 1) calc(var(--link-padding-x) * 1);
    transition: transform 0.25s ease-in-out;
    color: var(--body-color) !important;
}

[data-layout="side_menu_layout"] .nav-menu li.menu-item-has-children:not(.no-toggle)>.sub-menu {
    display: none;
}

[data-layout="side_menu_layout"] .nav-menu li.menu-item-has-children>a.open>.title .menu-item-arrow {
    transform: rotate(180deg);
}

[data-layout="side_menu_layout"] .nav-menu li.no-toggle .menu-item-arrow {
    display: none;
}

/****************************************/
.rtl [data-layout="side_menu_layout"] .nav-menu ul ul {
    margin-right: 1em;
}

.ltr [data-layout="side_menu_layout"] .nav-menu ul ul {
    margin-left: 1em;
}

/****************************************/
.sidebar {
    padding-top: calc(var(--glob-gap) * 0.25);
    padding-bottom: calc(var(--glob-gap) * 0.25);
}

@media (min-width: 992px) {
    .sidebar-side.sticky>.container {
        position: sticky;
        top: calc(var(--wp-admin--admin-bar--height, 0px) + 1em);
    }
}

.sidebar-side {
    flex-basis: 280px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-top: calc(var(--glob-gap) * -0.5);
    margin-bottom: calc(var(--glob-gap) * -0.5);
}

.sidebar-side>.container {
    padding-right: unset !important;
    padding-left: unset !important;
}

/****************************************/
.sidebar-header {
    margin-top: calc(var(--glob-gap) * 0.25);
    margin-bottom: calc(var(--glob-gap) * 0.25);
}

.sidebar-header h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    margin-bottom: 0px;
    font-size: 1.6em;
    position: relative;
}

.sidebar-header h2::before,
.sidebar-header h2::after {
    content: "";
    flex-grow: 1;
    display: inline-block;
    height: 3px;
    background-color: var(--light-border-color);
}

/****************************************/
.widget {
    break-inside: avoid;
}

.widget,
.widget-inner {
    display: flex;
}

.widget-inner,
.widget-inner-2 {
    flex-grow: 1;
}

.widget-inner {
    margin-top: calc(var(--glob-gap) * 0.25);
    margin-bottom: calc(var(--glob-gap) * 0.25);
}

.widget-content ul a,
.widget-content ol a {
    display: inline-block;
}

/****************************************/
.widget-header {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.widget-header h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3em;
    margin-bottom: 0px;
    font-size: 1.5em;
    position: relative;
}

.widget-header h3 a {
    display: flex;
    align-items: center;
    gap: 0.3em;
}

.widget-title {
    display: flex;
    align-items: center;
    gap: 1em;
}

.widget-header>*::before,
.widget-header>*::after {
    content: "";
    flex-grow: 1;
    display: inline-block;
    height: 3px;
    background-color: var(--light-border-color);
}

.widget-header>*::before {
    display: none;
}

.widget-title a {
    display: block;
}

/****************************************/
.ltr .widget-link-arrow {
    transform: rotate(180deg);
}

/****************************************/
.glob-container-outer {
    padding-top: calc(var(--glob-gap) * 0.5);
    padding-bottom: calc(var(--glob-gap) * 0.5);
}

.primary-content-inner {
    gap: calc(var(--glob-gap) * 1);
}

body.design-boxed .primary-content-inner {
    gap: calc(var(--glob-gap) * 0.5);
}

.primary-header-inner h2,
.primary-header-inner h3,
.entry-header h2,
.entry-header h3 {
    font-size: 1em;
}

.primary-header-inner-2>*,
.entry-header>* {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.primary-header-inner-2>*:last-child,
.entry-header>*:last-child {
    margin-bottom: unset;
}

.primary-content-inner-2 {
    flex-grow: 99999;
}

.primary-content-inner-2>*,
.primary-content-inner-3>* {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.entry-content>* {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.primary-content-inner-2>*:last-child,
.primary-content-inner-3>*:last-child {
    margin-bottom: unset;
}

.error-outer .primary-content-inner {
    text-align: center;
}

.error-outer .primary-content-inner>* {
    margin-bottom: 2.5rem;
}

.error-outer .primary-content-inner>*:last-child {
    margin-bottom: unset;
}

.entry-outer .primary-content-inner-4>*:not(.full-width):not(.ad),
.entry-outer .primary-content-inner-3>*:not(.entry-content):not(.ad),
.comments-inner-2,
.entry-share {
    max-width: var(--content-width);
    margin-right: auto;
    margin-left: auto;
}

.breadcrumbs {
    padding-top: calc(var(--glob-gap) * 0.5);
    padding-bottom: calc(var(--glob-gap) * 0.5);
}

body:not(.post-header-design-overlay) .breadcrumbs+.primary-header,
body.design-boxed .breadcrumbs+.primary-content {
    margin-top: calc(var(--glob-gap) * -0.5);
}

.breadcrumbs-inner {
    font-size: 0.85em;
}

.breadcrumbs-arrow {
    display: inline-block;
    vertical-align: middle;
}

/****************************************/
.ltr .breadcrumbs-arrow {
    transform: rotate(180deg);
}

/****************************************/
.glob-links>span {
    display: block;
    margin-bottom: calc(var(--glob-gap) * 0.2) !important;
}

.glob-links-inner {
    --link-padding: 0.6em 1em;
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    scrollbar-width: none;
    margin: unset;
    padding: unset;
    list-style: none;
}

.glob-links-inner::-webkit-scrollbar {
    display: none;
}

.glob-links-inner>span,
.glob-links-inner>a,
.glob-links-inner li>a {
    display: flex;
    align-items: center;
    padding: var(--link-padding);
    gap: 10px;
    position: relative;
    border-top: 2px solid rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    box-shadow: 0px 2px 3px -1px var(--glob-shadow-color) !important;
    background-color: #FFFFFF;
    border-radius: var(--glob-border-radius);
    text-decoration: none !important;
}

.glob-links-inner .current,
.glob-links-inner a:hover {
    color: var(--site-color) !important;
    border-color: var(--site-color);
}

.glob-links-inner>.inactive {
    color: #AAAAAA;
}

.glob-links.style-ver .glob-links-inner>* {
    flex-basis: 100%;
}

.glob-links-inner.scroll {
    margin: -5px calc(var(--glob-gap) * -0.5);
    padding: 5px calc(var(--glob-gap) * 0.5) 10px calc(var(--glob-gap) * 0.5);
    overflow-x: auto;
}

/****************************************/
.archive-sort a {
    display: none;
}

.archive-sort a.sort-latest,
.archive-sort a.sort-trending {
    display: block;
}

/****************************************/
.terms-list a {
    white-space: unset !important;
}

.terms-list span.count {
    display: inline-block;
    padding: 0px 0.5em;
    color: var(--meta-color);
    background: var(--light-border-color);
    border-radius: 0.3em;
}

.terms-list .term-title {
    flex-grow: 1;
}

/****************************************/
.terms-all-list {
    grid-gap: 0px;
    column-width: var(--post-width);
    margin: calc(var(--post-gap) * -0.5);
}

.terms-all-list .parent-term-outer {
    padding: calc(var(--post-gap) * 0.5);
    break-inside: avoid;
}

.terms-all-list .parent-term-inner {
    box-shadow: 0px 0px 5px var(--glob-shadow-color);
    background-color: #FFFFFF;
    border-radius: var(--glob-border-radius);
    overflow: hidden;
}

.terms-all-list h3 {
    margin-bottom: 0px;
    font-size: 1.4em;
}

.terms-all-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.terms-all-list .parent-term-outer a:hover {
    color: var(--color, var(--link-color-hover)) !important;
}

.terms-all-list .parent-term-link {
    padding: calc(var(--glob-gap) * 0.5) calc(var(--glob-gap) * 0.5);
}

.terms-all-list .parent-term-link i {
    font-size: 1.5em;
    color: var(--color);
}

.terms-all-list .children-terms {
    padding: calc(var(--glob-gap) * 0.5) calc(var(--glob-gap) * 0.5);
    border-top: 2px solid var(--color, var(--light-border-color));
}

/****************************************/
.post-meta>* {
    font-size: 0.85em;
}

.post-meta a:hover {
    text-decoration: underline !important;
    text-underline-position: under;
}

.post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 2em;
}

.post-meta-item {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.post-meta-avatar img {
    width: 35px;
    border-radius: 100%;
}

.post-meta-item-icon {
    display: none;
}

.post-meta-date_published .post-date-updated,
.post-meta-date_updated .post-date-published {
    display: none;
}

.post-meta-date_published .post-meta-item-label,
.post-meta-date_updated .post-meta-item-label {
    display: none;
}

.post-meta-date_published+.post-meta-date_updated .post-meta-item-label {
    display: block;
}

/****************************************/
.entry-tags>* {
    font-size: 0.9em;
}

.entry-tags .label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.entry-tags-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3em;
}

.entry-tags-inner a {
    display: block;
    padding: 0.3em 0.7em;
    background-color: #F7F7F7;
    border-radius: 0.4em;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.entry-tags-inner a:hover {
    border-color: rgba(0, 0, 0, 0.4);
}

.entry-header-outer {
    display: flex;
    flex-direction: column;
    gap: 1.5em 3em;
}

.entry-header,
.entry-image {
    flex-grow: 1;
    flex-basis: 0px;
}

.entry-image {
    margin-bottom: 0px;
    text-align: center;
}

.entry-image img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.entry-image-inner {
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    border-radius: var(--glob-border-radius);
}

.entry-caption {
    padding: 1em;
    font-size: 0.8em;
    background: #F5F5F5;
    color: var(--meta-color);
}

.wp-element-caption,
.wp-caption-text {
    margin-top: 0.5em;
    text-align: center;
    color: var(--meta-color);
    font-size: 0.9em;
}

.wp-caption,
.wp-block-image {
    position: relative;
    max-width: 100%;
    width: auto !important;
}

.entry-content {
    position: relative;
    --link-color: var(--link-color-hover);
}

.entry-content .entry-image {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.entry-content a {
    --link-color-hover: initial;
}

.entry-content blockquote {
    position: relative;
    padding: 2em;
    background: var(--body-bg-color);
    border-radius: var(--glob-border-radius);
}

.rtl .entry-content blockquote {
    border-right: 2px solid var(--site-color);
}

.ltr .entry-content blockquote {
    border-left: 2px solid var(--site-color);
}

.entry-content blockquote p:last-of-type {
    margin-bottom: 0px;
}

#site .entry-content a:not(.btn):not(.no-underline) {
    text-decoration: underline;
    text-underline-position: under;
}

.entry-content h1:not(.unstyled),
.entry-content h2:not(.unstyled),
.entry-content h3:not(.unstyled) {
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem calc(var(--glob-gap) * 0.5);
    border-top: 2px solid var(--site-color);
    border-radius: var(--glob-border-radius);
    background: linear-gradient(to bottom, var(--body-bg-color), transparent);
}

.aligncenter {
    display: table;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

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

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

/****************************************/
.entry-author>.label {
    display: inline-block;
    margin-bottom: 0.5em;
    font-size: 0.9em;
}

.entry-author-inner {
    display: flex;
    gap: 1em;
    padding: 1em;
    background: var(--body-bg-color);
    border: 2px solid var(--light-border-color);
    border-radius: var(--glob-border-radius);
}

.entry-author-avatar {
    flex-shrink: 0;
}

.entry-author-avatar img {
    border-radius: var(--glob-border-radius);
}

.entry-author-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.entry-author-description {
    font-size: 0.9em;
}

.entry-author-description p:last-of-type {
    margin-bottom: 0px;
}

.entry-author-social-links .social-links {
    justify-content: flex-start;
}

.entry-author-social-links .social-links a {
    color: var(--color) !important;
}

/****************************************/
html:not(.no-js) body:not(.logged-in) .comment-form .comment-notes,
html:not(.no-js) body:not(.logged-in) .comment-form .comment-form-author,
html:not(.no-js) body:not(.logged-in) .comment-form .comment-form-email {
    display: none;
}

/****************************************/
.entry-share {
    text-align: initial;
}

.entry-share.entry-share-inside {
    margin-top: 1.5em;
}

.share-links>* {
    font-size: 0.9em;
}

.share-links .label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.share-links-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    line-height: 1;
}

.share-links-inner a {
    flex-grow: 1;
    flex-basis: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    padding: 10px;
    color: var(--color) !important;
    border-radius: var(--glob-border-radius);
    white-space: nowrap;
    background-color: #f7f7f7;
    border-bottom: 2px solid var(--color);
    overflow: hidden;
    text-decoration: none !important;
}

.share-links-inner .icon {
    font-size: 1.4em;
}

.share-links-inner .title {
    font-size: 0.8em;
    display: none;
}

@media (min-width: 992px) {
    .share-links-inner .title {
        display: block;
    }
}

.share-links-inner a:hover .icon {
    transform: translateY(-2px);
}

.share-links-inner a.sl-copylink,
.share-links-inner a.sl-shortlink,
.share-links-inner a.sl-telegram {
    display: none;
}

.share-links-inner a.sl-shortlink {
    flex-direction: row;
}

.share-links-inner .sl-break {
    flex-basis: 100%;
    flex-shrink: 0;
}

/****************************************/
.entry-content.continue-reading-on {
    max-height: 500px;
    overflow: hidden;
}

.continue-reading {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding-top: 100px;
    margin-bottom: 0px !important;
    padding-bottom: 20px;
    text-align: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.7) 20%, #FFFFFF);
    z-index: 50;
}

.continue-reading i {
    display: inline-block;
    transition: transform 0.25s ease-in-out;
}

.continue-reading a:hover i {
    transform: translateY(2px);
}

/****************************************/
.comments-content {
    font-size: 0.9em;
}

.comments-item {
    margin-bottom: 2em;
}

.comments-wrapper {
    margin-bottom: 2em;
}

.comments-list {
    position: relative;
}

.comments-list,
.comments-list .children {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.comments-list .comment-body {
    margin-bottom: 0.5em;
    padding: calc(var(--glob-gap) * 0.5);
    background: var(--body-bg-color);
    border: 2px solid #DDDDDD;
    border-radius: var(--glob-border-radius);
}

.comments-list .comment-body p:last-of-type {
    margin-bottom: 0px;
}

.comments-list .comment-content {
    padding-top: 1em;
    padding-bottom: 1em;
}

.comments-list .says {
    display: none;
}

.comments-list .comment-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.comments-list .comment-metadata {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.9em;
    --link-color: var(--meta-color);
    color: var(--link-color);
}

.comments-list .comment-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comments-list .comment-author img {
    width: 30px;
    border-radius: 100%;
}

.comment-reply-title {
    position: relative;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.comment-reply-title h3 {
    font-size: 1.3em;
}

.comments-list .comment.byteam>.comment-body,
.comments-list .comment.bypostauthor>.comment-body {
    border-color: var(--site-color);
}

.comments-list .comment.byteam>.comment-body .comment-author::after,
.comments-list .comment.bypostauthor>.comment-body .comment-author::after {
    content: "\F26A";
    font-family: bootstrap-icons;
    color: #1877f2;
}

#cancel-comment-reply-link {
    display: inline-block;
    font-size: 1rem;
}

.nav-pages-comments {
    margin-bottom: 2em;
}

.comments-title {
    margin-bottom: 1em;
}

.comments-title h2 {
    margin-bottom: 0px;
}

.comments-title,
.comment-reply-title {
    display: flex;
    align-items: center;
    gap: 1.5em;
}

.comments-title::after,
.comment-reply-title::after {
    content: "";
    flex-grow: 1;
    display: inline-block;
    height: 3px;
    background-color: var(--light-border-color);
}

/****************************************/
.rtl .comments-list .children {
    margin-right: 2em;
}

.ltr .comments-list .children {
    margin-left: 2em;
}

.rtl #cancel-comment-reply-link {
    margin-right: 10px;
}

.ltr #cancel-comment-reply-link {
    margin-left: 10px;
}

/****************************************/
#scroll-top {
    position: fixed;
    bottom: 12px;
    z-index: 105;
    display: none;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 1.5em;
    line-height: 1;
}

.rtl #scroll-top {
    right: 25px;
}

.ltr #scroll-top {
    left: 25px;
}

/****************************************/
.ad {
    margin-bottom: calc(var(--glob-gap) * 0.5);
    text-align: center;
}

.ad[data-ad-location="header_before"],
.ad[data-ad-location="header_after"],
.ad[data-ad-location="footer_before"],
.ad[data-ad-location="footer_after"],
.ad[data-ad-location="singular_outer_after"] {
    margin-top: calc(var(--glob-gap) * 0.5);
}

.ad[data-ad-location="widget"] {
    margin-bottom: unset;
}

.ad[data-ad-location="archive_posts_loop_end"] {
    margin-top: 1em;
    column-span: all;
}

.ad[data-ad-location="singular_header_start"] {
    margin-top: 1em;
    margin-bottom: 0px;
}

.ad.sticky {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0px !important;
    padding: calc(var(--glob-gap) * 0.25) calc(var(--glob-gap) * 0.5);
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px var(--glob-shadow-color);
    border-top: 2px solid var(--site-color);
    z-index: 1000;
    transform: translateY(200%);
    transition: transform 0.25s ease-in-out;
}

.ad.sticky.active {
    transform: translateY(0);
}

.ad.sticky .ad-close {
    position: absolute;
    bottom: 100%;
    left: 0px;
    padding: 0.5em 1em;
    line-height: 1;
    background: var(--site-color);
    border-top-right-radius: 0.3em;
    color: #FFFFFF;
    cursor: pointer;
}

.content-layout-cell .ad {
    margin: unset;
}

/****************************************/
.design-normal .entry-outer .primary-content,
.design-normal .error-outer .primary-content,
.design-normal .comments {
    background: #FFFFFF;
}

.design-normal .entry-outer {
    margin-top: 1.5em;
}

.design-normal .entry-outer:first-child {
    margin-top: unset;
}

.design-normal #site-footer {
    margin-top: 1.5em;
}

.design-boxed .glob-container {
    padding: calc(var(--glob-gap) * 0.5);
    background-color: #FFFFFF;
}

.design-boxed .primary .primary-header+.primary-content,
.design-boxed .primary .primary-content+.primary-content {
    margin-top: calc(var(--glob-gap) * -0.5);
}

/****************************************/
.post,
.post .post-content,
.post .post-link,
.post .post-thumb,
.post .post-thumb picture {
    display: flex;
    flex-grow: 1;
}

.post {
    --dark-column-thumb-min-height: 200px;
    --row-thumb-order: 1;
    --row-thumb-width: 40%;
    flex-basis: var(--post-width);
    flex-shrink: 0;
    padding: calc(var(--post-gap) * 0.5);
    break-inside: avoid;
}

.post .post-content {
    flex-direction: column;
    box-shadow: 0px 0px 5px var(--glob-shadow-color);
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: var(--glob-border-radius);
}

.post .post-content .post-thumb {
    flex-shrink: 0;
    position: relative;
}

.post .post-content .post-thumb img {
    width: 100%;
    height: auto;
}

.post .post-content .post-link {
    position: relative;
}

.post .post-content .post-title {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1em;
    overflow: hidden;
    z-index: 1;
}

.post .post-content .post-title h3 {
    margin: 0px;
    font-size: 1em;
}

.post .post-content .post-excerpt p {
    margin-bottom: 0px;
}

/****************************************/
@media (max-width: 575px) {
    .posts-loop {
        --post-row-width: 250px !important;
    }
}

@media (max-width: 991px) {
    .posts-loop.style-sm-column {
        --post-width: var(--post-column-width);
    }

    .posts-loop.style-sm-row {
        --post-width: var(--post-row-width);
    }

    .posts-loop-container .style-sm-column .post .post-link {
        flex-direction: column;
    }

    .posts-loop-container .style-sm-row .post .post-thumb {
        flex-basis: var(--row-thumb-width);
        order: var(--row-thumb-order);
    }

    .posts-loop-container .style-sm-row .post .post-thumb img {
        object-fit: cover;
    }

    .posts-loop-container .style-sm-row .post .post-title {
        flex-grow: 9999;
    }
}

@media (min-width: 992px) {
    .posts-loop.style-lg-column {
        --post-width: var(--post-column-width);
    }

    .posts-loop.style-lg-row {
        --post-width: var(--post-row-width);
    }

    .posts-loop-container.headings-side .posts-loop.style-lg-row {
        --post-width: var(--post-column-width);
    }

    .posts-loop-container .style-lg-column .post .post-link {
        flex-direction: column;
    }

    .posts-loop-container .style-lg-row .post .post-thumb {
        flex-basis: var(--row-thumb-width);
        order: var(--row-thumb-order);
    }

    .posts-loop-container .style-lg-row .post .post-thumb img {
        object-fit: cover;
    }

    .posts-loop-container .style-lg-row .post .post-title {
        flex-grow: 9999;
    }
}

/****************************************/
.posts-loop-container {
    position: relative;
    gap: calc(var(--post-gap) * 1);
    --headings-width: 50%;
}

.widget.col-lg-8 .posts-loop-container,
.widget.col-lg-9 .posts-loop-container {
    --headings-width: 60%;
}

.posts-headings {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(var(--headings-width) + calc(var(--post-gap) * 0.5));
    margin: calc(var(--post-gap) * -0.5);
}

.posts-loop {
    flex-grow: 99999;
}

.posts-loop {
    grid-template-columns: repeat(auto-fill, minmax(var(--post-width), 1fr));
    grid-gap: 0px;
    column-width: var(--post-width);
    margin: calc(var(--post-gap) * -0.5);
}

.posts-loop+.posts-loop {
    margin-top: calc(var(--post-gap) * 0.5) !important;
}

/****************************************/
.posts-loop.style-grid {
    display: grid !important;
}

.posts-loop.style-grid .post-thumb {
    flex-grow: 0 !important;
}

.widget.grid .posts-loop {
    display: grid !important;
}

.widget.grid .posts-loop .post .post-content .post-thumb {
    flex-grow: 0 !important;
}

.widget.columns .posts-loop {
    display: block !important;
}

.widget.columns .posts-loop .post .post-content .post-thumb {
    flex-grow: 1 !important;
}

/****************************************/
@media (min-width: 992px) {
    .posts-loop-container .posts-headings.style-lg-column .post .post-content .post-thumb {
        min-height: 300px;
        flex-grow: 99999;
    }

    .posts-loop-container .posts-headings.style-lg-column .post .post-content .post-thumb img {
        object-fit: cover;
    }

    .posts-loop-container .posts-headings .post .post-content .post-title h3 {
        font-size: 1.6em;
    }
}

/****************************************/
@media (max-width: 575px) {
    .widget.slider .widget-inner {
        display: block !important;
        max-width: 100%;
    }

    .widget.slider .posts-loop {
        display: flex !important;
        overflow-x: scroll;
        --post-width: 250px;
        margin: calc(var(--glob-gap) * -0.5);
        padding: calc((var(--glob-gap) * 0.5) - (var(--post-gap) * 0.5));
    }
}

.widget.hide-thumb .posts-loop {
    --post-row-width: var(--post-column-width) !important;
}

.widget.hide-thumb .posts-loop .post-thumb {
    display: none !important;
}

.widget.hide-meta .posts-loop .post-meta-item {
    display: none !important;
}

.widget.sticky {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 100;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px var(--glob-shadow-color);
    border-top: 2px solid var(--site-color);
    transform: translateY(150%);
    transition: transform 0.25s ease-in-out;
}

.widget.sticky .widget-inner-2 {
    padding: 0px;
}

.widget.sticky.active {
    transform: translateY(0);
}

.widget-close {
    position: absolute;
    bottom: 100%;
    left: 0px;
    padding: 0.5em 1em;
    line-height: 1;
    background: var(--site-color);
    border-top-right-radius: 0.3em;
    color: #FFFFFF;
    cursor: pointer;
}

/****************************************/
.posts-loop-container {
    --dark-overlay-color: 0, 0, 0;
    --dark-background-row: rgba(var(--dark-overlay-color), 0.9);
    --dark-background-column: linear-gradient(to bottom, transparent, rgba(var(--dark-overlay-color), 0.9));
}

@media (max-width: 991px) {
    .posts-loop-container .theme-dark-sm {
        --meta-color: #e5e7eb;
    }

    .posts-loop-container .theme-dark-sm .post-content {
        background-color: transparent;
    }

    .posts-loop-container .theme-dark-sm .post-link {
        text-shadow: var(--overlay-text-shadow);
    }

    .posts-loop-container .theme-dark-sm.style-sm-row .post-title,
    .posts-loop-container .theme-dark-sm.style-sm-row .post-thumb {
        color: #FFFFFF;
        background: var(--dark-background-row);
    }

    .posts-loop-container .theme-dark-sm.style-sm-column .post-title {
        position: absolute;
        top: 25%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: #FFFFFF;
        background: var(--dark-background-column);
        justify-content: end;
    }

    .posts-loop-container .theme-dark-sm.style-sm-column .post-thumb {
        min-height: var(--dark-column-thumb-min-height);
        flex-grow: 1 !important;
    }

    .posts-loop-container .theme-dark-sm.style-sm-column .post-thumb img {
        object-fit: cover;
    }
}

@media (min-width: 992px) {
    .posts-loop-container .theme-dark-lg {
        --meta-color: #e5e7eb;
    }

    .posts-loop-container .theme-dark-lg .post-content {
        background-color: transparent;
    }

    .posts-loop-container .theme-dark-lg .post-link {
        text-shadow: var(--overlay-text-shadow);
    }

    .posts-loop-container .theme-dark-lg.style-lg-row .post-title,
    .posts-loop-container .theme-dark-lg.style-lg-row .post-thumb {
        color: #FFFFFF;
        background: var(--dark-background-row);
    }

    .posts-loop-container .theme-dark-lg.style-lg-column .post-title {
        position: absolute;
        top: 25%;
        right: 0px;
        bottom: 0px;
        left: 0px;
        color: #FFFFFF;
        background: var(--dark-background-column);
        justify-content: end;
    }

    .posts-loop-container .theme-dark-lg.style-lg-column .post-thumb {
        min-height: var(--dark-column-thumb-min-height);
        flex-grow: 1 !important;
    }

    .posts-loop-container .theme-dark-lg.style-lg-column .post-thumb img {
        object-fit: cover;
    }
}

/****************************************/
.design-boxed.post-header-design-overlay .primary-header {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.design-boxed.post-header-design-overlay .primary-header-inner-2 {
    margin: unset !important;
    padding: unset !important;
    box-shadow: unset !important;
}

.design-boxed.post-header-design-overlay #sidebar-header {
    margin-bottom: calc(var(--glob-gap) * 0.5);
}

.post-header-design-overlay .primary-header,
.post-header-design-overlay .primary-header-inner {
    position: relative;
}

.post-header-design-overlay .primary-header {
    --meta-color: #e5e7eb;
    --meta-color-hover: #FFFFFF;
    --link-color-hover: #FFFFFF;
    color: #FFFFFF;
    --overlay-color: #202124;
    --overlay-depth: 50%;
    background: var(--overlay-color);
}

.post-header-design-overlay .primary-header-inner {
    background-position: center 20%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50vh;
    text-shadow: var(--overlay-text-shadow);
}

body:not(.post-header-design-overlay) .primary-header-inner {
    background-image: unset;
}

.post-header-design-overlay .primary-header-inner-2 {
    position: relative;
    background-color: transparent !important;
    z-index: 10;
}

.post-header-design-overlay .primary-header-inner::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to right, #202124 0, rgba(0, 0, 0, 0) var(--overlay-depth)), linear-gradient(to top, var(--overlay-color) 0, rgba(0, 0, 0, 0) var(--overlay-depth)), linear-gradient(to left, var(--overlay-color) 0, rgba(0, 0, 0, 0) var(--overlay-depth));
}

/****************************************/
.entry-citations {
    border-radius: var(--glob-border-radius);
    border: 1px solid var(--light-border-color);
}

.entry-citations .entry-citations-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 1em;
    border-bottom: 2px solid var(--site-color);
    cursor: pointer;
}

.entry-citations .entry-citations-header h3,
.entry-citations .entry-citations-header h2 {
    margin-bottom: 0px;
    font-size: 1.4em;
}

.entry-citations .entry-citations-content {
    padding: 1em;
    border-top: 1px solid var(--light-border-color);
    display: none;
}

.entry-citations .citations-toggle {
    transition: transform 0.25s ease-in-out;
}

.entry-citations.open .citations-toggle {
    transform: rotate(180deg);
}

.entry-citations .citation-note {
    padding-top: 3px;
    padding-bottom: 3px;
}

.entry-citations .citation-note.active {
    animation: 3s linear highlight;
}

.entry-citations .citation-note .sep {
    display: inline-block;
    margin: 0px 5px;
}

.entry-citations .citation-note .sep::after {
    content: "-";
}

.entry-citations .citation-id {
    text-decoration: none !important;
}

/****************************************/
.entry-questions {
    border-radius: var(--glob-border-radius);
    border: 1px solid var(--light-border-color);
}

.entry-questions .entry-questions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 1em;
    border-bottom: 2px solid var(--site-color);
}

.entry-questions .entry-questions-header h3,
.entry-questions .entry-questions-header h2 {
    margin-bottom: 0px;
    font-size: 1.4em;
}

.entry-questions .entry-questions-content {
    margin: 0.5em;
}

.entry-questions .question-toggle {
    transition: transform 0.25s ease-in-out;
}

.entry-questions .question-item {
    border: 1px solid var(--light-border-color);
    border-radius: var(--glob-border-radius);
}

.entry-questions .question-item+.question-item {
    margin-top: 0.5em;
}

.entry-questions .question-item:hover {
    background: #F7F7F7;
}

.entry-questions .question-item .question-title {
    padding: 0.7em 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    cursor: pointer;
}

.entry-questions .question-item .question-answer {
    padding: 0.7em 1em;
    display: none;
}

.entry-questions .question-item.active .question-toggle {
    transform: rotate(180deg);
}

/****************************************/
.content-grid {
    display: grid;
    gap: 1rem;
    position: relative;
}

.content-grid-item {
    position: relative;
    padding: 1em;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 5px var(--glob-shadow-color);
    border-radius: var(--glob-border-radius);
    z-index: 1;
}

.content-grid-item p:last-of-type {
    margin-bottom: 0px;
}

.content-grid-item h1:not(.unstyled),
.content-grid-item h2:not(.unstyled),
.content-grid-item h3:not(.unstyled) {
    margin: -1rem;
    margin-bottom: 1em;
}

/****************************************/
.content-grid.columns {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

@media (min-width: 992px) {
    .content-grid.columns {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

/****************************************/
.content-grid.timeline {
    grid-template-columns: 1fr;
    max-width: 400px !important;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.content-grid.timeline::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 50%;
    width: 10px;
    transform: translateX(50%);
    box-shadow: 0px 0px 5px var(--glob-shadow-color);
    border-radius: 10px;
}

@media (min-width: 992px) {
    .content-grid.timeline .content-grid-item:nth-of-type(odd) {
        transform: translateX(20%);
    }

    .content-grid.timeline .content-grid-item:nth-of-type(even) {
        transform: translateX(-20%);
    }
}

/****************************************/
.follow-widget-content {
    margin: 0px auto;
    max-width: 400px;
    padding: 1.5em;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), 0px 0px 10px rgba(0, 0, 0, 0.1) inset;
    border-radius: 1em;
}

.follow-widget-content .follow-icon {
    display: inline-block;
}

.follow-widget-content .follow-icon a {
    display: block;
}

.follow-widget-content .follow-icon svg {
    width: 100px;
    height: auto;
    color: var(--color);
}

.follow-widget-content .follow-description,
.follow-widget-content .follow-button {
    margin-top: 1.5em;
}

.follow-widget-content .follow-description p:last-of-type {
    margin-bottom: 0px;
}

.follow-widget-content .follow-button a {
    display: block;
    background: var(--color);
    border: none;
}

/****************************************/