/*
Theme Name:   Aimlabs
Description:  Aimlabs Theme
Author:       Statespace
Author URI:   https://github.com/statespacelabs
Template:     mura
Version:      1.0.0

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0. CSS Variables
    1. Posts
    2. Archive Header
    3. Menus
    4. Widgets
    5. Site Header
    6. Footer
    7. Pagination
    8. Plugins
    9. Misc
    10. Single/page styling
    11. Media Queries

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

/* -------------------------------------------------------------------------- */
/*	0. CSS Variables
/* -------------------------------------------------------------------------- */

:root {
    /* Colors */
    --aimlab-0: #D0FFFF;
    --aimlab-100: #B3F5F5;
    --aimlab-200: #95ECEB;
    --aimlab-300: #73E2E1;
    --aimlab-400: #47D8D7;
    --aimlab-500: #3BC2C1;
    --aimlab-600: #239796;
    --aimlab-700: #178281;
    --aimlab-800: #116766;
    --aimlab-900: #0B4D4D;
    --aimlab-1000: #021E1E;
    --sephiroth-0: #3D3937;
    --sephiroth-100: #201D1C;
    --sephiroth-200: #151313;
    --sephiroth-300: #070606;
    --sonic-0: #DCDDFB;
    --sonic-100: #B9BAF6;
    --sonic-200: #7375EE;
    --sonic-300: #5052E9;
    --sonic-400: #2D30E5;
    --sonic-500: #1618B1;
    --sonic-600: #0E0F6F;
    --sonic-700: #080942;
    --sonic-800: #030316;
    --spyro-0: #DAC3FF;
    --spyro-100: #C7A5FF;
    --spyro-200: #A269FF;
    --spyro-300: #904BFF;
    --spyro-400: #7D2DFF;
    --spyro-500: #5F00FA;
    --spyro-600: #4C00C8;
    --spyro-700: #260064;
    --spyro-800: #130032;
    --kirby-0: #F8699F;
    --kirby-100: #F7508F;
    --kirby-200: #F6347D;
    --kirby-300: #D00A55;
    --kirby-400: #9C073F;
    --kirby-500: #68052A;
    --kirby-600: #340215;
    --pacman-0: #FFF5DA;
    --pacman-100: #FFEBB6;
    --pacman-200: #FFE191;
    --pacman-300: #FFCD48;
    --pacman-400: #FFC324;
    --pacman-500: #FEB800;
    --pacman-600: #D49900;
    --pacman-700: #A97B00;
    --pacman-800: #7F5C00;
    --pacman-900: #241A00;
    --yoshi-0: #C6F5D9;
    --yoshi-100: #8DEAB2;
    --yoshi-200: #54E08C;
    --yoshi-300: #38DB79;
    --yoshi-400: #23C262;
    --yoshi-500: #15743B;
    --yoshi-600: #0E4E27;
    --yoshi-700: #072714;
    --hollow-knight-0: #F7F7F7;
    --hollow-knight-100: #EAEAEA;
    --hollow-knight-200: #C1C1C1;
    --hollow-knight-300: #AEAEAE;
    --hollow-knight-400: #838383;
    --hollow-knight-500: #575757;
    --hollow-knight-600: #424242;
    --hollow-knight-700: #2C2C2C;
    --hollow-knight-800: #161616;
    --white-0: rgba(255, 255, 255, 1);
    --white-100: rgba(255, 255, 255, 0.05);
    --white-200: rgba(255, 255, 255, 0.1);

    /* Typography */
    --font-size-100: 0.5rem;
    --font-size-200: 0.75rem;
    --font-size-300: 0.875rem;
    --font-size-400: 1rem;
    --font-size-500: 1.25rem;
    --font-size-600: 1.5rem;
    --font-size-700: 2rem;
    --font-size-800: 2.5rem;
    --font-size-900: 3rem;
    --font-size-1000: 4rem;
    --line-height-100: 1;
    --line-height-200: 1.1;
    --line-height-300: 1.2;
    --line-height-400: 1.3;
    --line-height-500: 1.4;
    --line-height-600: 1.5;
    --line-height-700: 1.6;
    --line-height-800: 1.7;
    --line-height-900: 1.8;
    --line-height-1000: 1.9;
    --line-height-1100: 2;
    --heading-letter-spacing: 0;

    /* Body */
    --body-background: var(--sephiroth-200);
    --body-font-color: var(--hollow-knight-100);
    --body-font: "Inter", Arial, Helvetica, sans-serif;
    --title-font: "Montserrat", Arial, Helvetica, sans-serif;

    /* Containers */
    --post-margin: 1.25rem;
    --post-inner-elements-margin: 1.25rem;
    --post-container-border-radius: 6px;
    --search-border-radius: 4px;

    /* Spacing */
    --default-content-margin: 1.25rem;

    /* Links */
    --link-color: var(--aimlab-400);
    --link-hover-color: var(--aimlab-200);
    --link-text-decoration: none;
    --latest-posts-list-link-color: var(--link-color);

    /* Buttons */
    --button-background: var(--aimlab-400);
    --button-color: var(--aimlab-900);
    --button-font-size: var(--font-size-400);
    --button-hover-background: var(--aimlab-200);
    --button-hover-color: var(--aimlab-900);
    --button-border-radius: 25px;
    --button-padding: 0.5rem 1rem;

    /* Inputs */
    --input-background: var(--hollow-knight-600);
    --input-border-color: var(--hollow-knight-500);
    --input-border-radius: 4px;
    --input-color: var(--body-font-color);
    --input-padding: 0.5rem 1rem;
    --widget-input-background: var(--input-background);
    --widget-input-border-color: var(--input-border-color);
    --widget-input-color: var(--input-color);
    --textarea-background-color: var(--hollow-knight-600);
    --textarea-border-color: var(--widget-input-border-color);
    --textarea-border-radius: 4px;

    /* Navigation */
    --header-background: var(--sephiroth-200);

    /* Lists */
    --list-item-margin: 0 0 1.25rem 1.25rem;

    /* Tables */
    --table-cell-border-color: var(--sephiroth-0);
    --table-cell-border-radius: 6px;

    /* Menus */
    --toggle-sidebar-background: var(--sephiroth-200);
    --toggle-sidebar-border-color: var(--sephiroth-0);
    --toggle-sidebar-color: var(--white-0);

    /* ---------------------------------------------------------------------- */
    /*	Mura Variables
    /* ---------------------------------------------------------------------- */

    /* Theme colour scheme */
    --primary-theme-color: var(--aimlab-400);
    --secondary-theme-color:  var(--sonic-400);
    --tertiary-theme-color:  var(--spyro-400);
    --quaternary-theme-color:  var(--kirby-100);
    --quinary-theme-color:  var(--pacman-500);
    --off-white-accent: var(--hollow-knight-100);

    /* End colour scheme */
    --footer-background: var(--sephiroth-200);
    --footer-color: inherit;
    --tfm-before-footer-background: var(--sephiroth-200);
    --archive-header-background: var(--sephiroth-200);
    --archive-title-color: var(--body-font-color);
    --archive-header-color: var(--white-0);
    --archive-header-description-color: var(--hollow-knight-300);
    --archive-header-meta-color: var(--archive-header-color);
    --button-font: var(--body-font);
    --post-background: inherit;
    --post-box-shadow:  none;
    --widget-background: none;
    --widget-box-shadow: none;
    --widget-title-color: var(--body-font-color);
    --tfm-widget-subtitle-color: var(--hollow-knight-300);
    --widget-font-color: var(--hollow-knight-100);
    --widget-primary-link-color: var(--link-color);
    --widget-child-link-color: var(--link-color);
    --widget-meta-color: var(--hollow-knight-100);
    --widget-meta-link-color: var(--link-color);
    --widget-border-color: var(--sephiroth-0);
    --widget-button-background: var(--button-background);
    --widget-button-color: var(--button-color);
    --widget-button-hover-background: var(--button-hover-background);
    --widget-tag-background: var(--sephiroth-200);
    --widget-tag-color: var(--hollow-knight-100);
    --widget-tag-hover-background: var(--sephiroth-0);
    --widget-tag-hover-color: var(--hollow-knight-0);
    --widget-tag-border-radius: 0;
    --widget-misc-elements-background: var(--sephiroth-0);
    --widget-highlight-background: var(--sephiroth-0);
    --tfm-widget-count-color: var(--primary-theme-color);
    --tfm-widget-first-count-color: var(--primary-theme-color);
    --tfm-widget-alt-count-color: var(--body-font-color);
    --tfm-widget-alt-count-background: var(--sephiroth-0);
    --tfm-widget-alt-first-count-color: var(--white-0);
    --tfm-widget-alt-first-count-background: var(--primary-theme-color);
    --format-aside-background: var(--primary-theme-color);
    --format-aside-global-color: var(--white-0);
    --post-format-icon-background: var(--secondary-theme-color);
    --post-format-icon-color: var(--white-0);
    --format-video-icon-background: var(--primary-theme-color);
    --format-gallery-icon-background: var(--quaternary-theme-color);
    --format-audio-icon-background: var(--tertiary-theme-color);
    --post-author-avatar-border: var(--sephiroth-0);
    --continue-reading-button-background: var(--button-background);
    --continue-reading-button-color: var(--button-color);
    --continue-reading-button-hover-background: var(--button-hover-background);
    --continue-reading-button-hover-color: var(--button-hover-color);
    --entry-title-link-color: var(--white-0);
    --entry-meta-color: var(--hollow-knight-100);
    --entry-meta-subtitle-color: var(--hollow-knight-300);
    --entry-meta-font-size: var(--font-size-200);
    --entry-meta-link-color: var(--link-color);
    --entry-meta-icon-color: var(--sephiroth-0);
    --entry-meta-border-color: var(--sephiroth-0);
    --excerpt-color: var(--hollow-knight-100);
    --excerpt-font-size: var(--font-size-200);
    --entry-border-color: var(--sephiroth-0);
    --avatar-border-color: var(--sephiroth-0);
    --cover-meta-color: var(--sephiroth-0);
    --single-hero-thumbnail-padding: var(--hero-thumbnail-padding);
    --hero-wrapper-max-width: var(--site-width);
    --single-body-background: var(--body-background);
    --single-hero-background: inherit;
    --single-default-header-max-width: var(--content-max-width);
    --single-default-header-width: var(--content-width);
    --single-entry-title-color: var(--white-0);
    --single-entry-meta-color: var(--entry-meta-subtitle-color);
    --single-entry-meta-link-color: var(--link-color);
    --single-entry-font-color: var(--hollow-knight-200);
    --single-entry-meta-font-size: var(--font-size-400);
    --single-excerpt-color: var(--hollow-knight-100);
    --single-avatar-border-color: var(--sephiroth-0);
    --single-tags-background: var(--sephiroth-100);
    --single-tags-color: var(--aimlab-400);
    --single-tags-border: 1px solid var(--sephiroth-0);
    --single-tags-border-radius: 4px;
    --single-tags-badge-color: var(--sephiroth-100);
    --single-tags-badge-background: var(--aimlab-400);
    --single-tags-badge-border-radius: 50%;

    /* Header */
    --logo-color: var(--white-0);
    --toggle-icon-color: var(--hollow-knight-0);
    --header-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    --header-search-input-background: var(--hollow-knight-600);
    --header-search-input-color: var(--body-font-color);
    --header-search-input-border-radius: var(--input-border-radius);

    /* Primary menu */
    --primary-menu-background: none;
    --primary-menu-font-size: 0.9375rem;
    --primary-menu-link-color: var(--hollow-knight-100);
    --primary-menu-link-hover-color: var(--link-color);
    --primary-menu-submenu-background: var(--sephiroth-200);
    --primary-menu-submenu-link-color: var(--link-color);
    --primary-menu-submenu-link-hover-color: var(--link-hover-color);
    --primary-menu-submenu-border-radius: 0;
    --toggle-sidebar-menu-color: var(--body-font-color);
    --tfm-pill-menu-item-color: var(--button-color);
    --tfm-pill-menu-item-background: var(--button-background);
    --tfm-pill-menu-item-hover-background: var(--button-hover-background);
    --tfm-pill-menu-border-radius: var(--button-border-radius);
    --logo-font-size: 2.5rem;
    --custom-logo-width: 9rem;
    --custom-logo-width-mobile: 6.25rem;
    --large-mobile-logo-font-size: 2rem;
    --small-mobile-logo-font-size: 1.5rem;
    --sidebar-logo-font-size: 2.5rem;
    --sidebar-logo-max-width: 250px;
    --gototop-background: var(--button-background);
    --gototop-color: var(--button-color);
    --gototop-border-radius: 50%;

    /* Entry title font size */
    --cols-4-entry-title-size: var(--font-size-500);
    --cols-3-entry-title-size: var(--font-size-500);
    --cols-2-entry-title-size: var(--font-size-500);
    --cols-1-entry-title-size: var(--font-size-500);
    --cols-3-list-entry-title-size: var(--font-size-500);
    --cols-2-list-entry-title-size: var(--font-size-500);
    --cols-4-list-entry-title-size: var(--font-size-500);

    /* Ratings */
    --tfm-star-rating-color: var(--pacman-400);
    --tfm-star-rating-color-cover: var(--cover-global-color);
    --tfm-rating-scale-low-color: var(--yoshi-200);
    --tfm-rating-scale-high-color: var(--kirby-300);
}

/* -------------------------------------------------------------------------- */
/*	1. Posts
/* -------------------------------------------------------------------------- */
.post-grid .post:not(.has-post-thumbnail):not(.has-featured-video):not(.loop-sidebar):not(.has-background):not(.no-border) .post-inner,
.post-grid .post.disabled-post-thumbnail:not(.has-background):not(.has-featured-video):not(.no-border) .post-inner,
.post-grid .page:not(.has-post-thumbnail):not(.has-background):not(.no-border) .post-inner,
.post-grid .page.disabled-post-thumbnail:not(.has-background):not(.no-border) .post-inner {
    border-radius: var(--post-container-border-radius);
    border: none;
}

.post-grid .article .post-inner {
    background-color: var(--sephiroth-100);
    border-radius: var(--post-container-border-radius);
}

.post-grid .article .post-inner .post-thumbnail {
    border-radius: var(--post-container-border-radius) var(--post-container-border-radius) 0 0;
}

.post-grid[class*="list"] .article:not(.grid-style):not(.loop-sidebar).has-post-thumbnail:not(.disabled-post-thumbnail) .post-inner .post-thumbnail,
.post-grid[class*="list"] .article:not(.grid-style):not(.loop-sidebar).has-featured-video .post-inner .post-thumbnail {
    border-radius: var(--post-container-border-radius) 0 0 var(--post-container-border-radius);
}

.post-grid .article .entry-wrapper {
    padding: 1.25rem;
}

.post-grid .article .post-inner {
    padding: 0;
}

.post-grid .article .entry-header {
    margin-top: 0;
}

.entry-wrapper > * {
    margin-top: 0.75rem;
}

.entry-wrapper .entry-content {
    margin-top: 0.25rem;
}

.entry-header > * {
    margin-top: 0.75rem;
}

.entry-header > .entry-meta {
    margin-top: 0;
}

.entry-meta a {
    font-weight: 600;
}

.entry-meta .entry-meta-date
.entry-meta .entry-meta-date-updated,
.entry-meta .entry-meta-comment-count,
.entry-meta .entry-meta-read-time {
    color: var(--entry-meta-subtitle-color);
}

.has-avatar.has-author .entry-meta.after-title li:nth-child(n+3) {
    padding-top: 1.5rem;
}

.entry-read-more {
    border-top: none;
}

.read-more::after {
    content: none;
}

h3.entry-title {
    font-size: var(--font-size-500);
    font-weight: 600;
    line-height: var(--line-height-500);
}

.excerpt {
    line-height: var(--line-height-600);
}

.single-post .the-post .article:not(.cover) .entry-header .entry-title {
    color: var(--single-entry-title-color);
    font-size: var(--font-size-900);
    font-weight: 600;
    line-height: var(--line-height-200);
}

.single-post .the-post .article:not(.cover) .entry-wrapper > * {
    max-width: var(--single-default-header-max-width, var(--content-max-width));
    width: var(--single-default-header-width, var(--content-width));
    margin-right: auto;
    margin-left: auto;
}

.single-post .the-post .article:not(.cover) .entry-meta.before-title,
.single-post .the-post .article:not(.cover) .entry-meta .entry-meta-author
{
    color: var(--entry-meta-color);
}

.single-post .the-post .article:not(.cover) .wp-block-heading {
    color: var(--single-entry-title-color);
    margin-top: 3rem;
}

/*
    NOTE: As the entry header title is semantically heading 1 (h1), posts should begin
    its hierarchy at heading 2 (h2). Within the design, the top-most content heading
    is that of Heading 3, hence the mismatch between the tag and design system label.
    i.e. h2 = Heading 3.
*/
.single-post .the-post .article:not(.cover) h1.wp-block-heading {
    font-size: var(--font-size-900);
    font-weight: 600;
    line-height: var(--line-height-200);
}

.single-post .the-post .article:not(.cover) h2.wp-block-heading {
    font-size: var(--font-size-700);
    font-weight: 700;
    line-height: var(--line-height-300);
}

.single-post .the-post .article:not(.cover) h3.wp-block-heading {
    font-size: var(--font-size-600);
    font-weight: 700;
    line-height: var(--line-height-400);
}

.single-post .the-post .article:not(.cover) h4.wp-block-heading {
    font-size: var(--font-size-500);
    font-weight: 600;
    line-height: var(--line-height-500);
}

.single-post .the-post .article:not(.cover) h5.wp-block-heading {
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
}

.single-post .the-post .article:not(.cover) .wp-block-table {
    width: calc(var(--content-max-width) + 2.5rem) !important;
    max-width: calc(var(--content-width) + 2.5rem) !important;
}

.single-post .the-post .article:not(.cover) .wp-block-table table {
    border: none;
    border-collapse: separate;
    border-spacing: 1.25rem 0;
    table-layout: fixed;
}

.single-post .the-post .article:not(.cover) .wp-block-table table thead {
    border-bottom: none;
}

.single-post .the-post .article:not(.cover) .wp-block-table table th {
    border: none;
    color: var(--white-0);
    font-size: var(--font-size-200);
    font-weight: 400;
    line-height: var(--line-height-600);
}

.single-post .the-post .article:not(.cover) .wp-block-table table td {
    border: none;
    color: var(--hollow-knight-200);
    font-size: var(--font-size-500);
    font-weight: 400;
    line-height: var(--line-height-600);
}

.single-post .the-post .article:not(.cover) .wp-block-table table th,
.single-post .the-post .article:not(.cover) .wp-block-table table td {
    border-right: 1px solid var(--table-cell-border-color);
    border-left: 1px solid var(--table-cell-border-color);
    padding: 0.25rem;
}

.single-post .the-post .article:not(.cover) .wp-block-table table tr:first-child th,
.single-post .the-post .article:not(.cover) .wp-block-table table tr:first-child td {
    border-top: 1px solid var(--table-cell-border-color);
    border-top-left-radius: var(--table-cell-border-radius);
    border-top-right-radius: var(--table-cell-border-radius);
    padding-top: 2rem;
}

.single-post .the-post .article:not(.cover) .wp-block-table table thead + tbody tr:first-child td {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
}

.single-post .the-post .article:not(.cover) .wp-block-table table tbody tr:last-child td {
    border-bottom: 1px solid var(--table-cell-border-color);
    border-bottom-right-radius: var(--table-cell-border-radius);
    border-bottom-left-radius: var(--table-cell-border-radius);
    padding-bottom: 2rem;
}

.single-post .the-post .post-navigation h2 {
    font-size: var(--font-size-600);
    font-weight: 700;
    line-height: var(--line-height-400);
}

.single-post .the-post .post-navigation .article .post-inner {
    margin-top: var(--post-inner-elements-margin);
}

.single-post .the-post .post-navigation .article .post-inner .entry-wrapper {
    padding: 0;
}

.single-post .the-post .post-navigation .article .post-inner .entry-wrapper > * {
    width: 100%;
    max-width: none;
}

.single-post .the-post .post-navigation .article .post-inner .entry-title {
    font-size: var(--font-size-500);
    font-weight: 600;
    line-height: var(--line-height-500);
    letter-spacing: 0;
}

.single-post .the-post .post-navigation .article .post-inner .entry-meta {
    margin-right: 0;
    margin-left: 0;
}

.single-post .the-post .post-navigation .article:nth-of-type(2),
.single-post .the-post .post-navigation .article.next-article {
    text-align: left;
}

.single-post .the-post .post-navigation .article:nth-of-type(2) .entry-meta ul,
.single-post .the-post .post-navigation .article.next-article .entry-meta ul {
    flex-direction: row;
}

p {
    font-size: var(--font-size-500);
    font-weight: 400;
    line-height: var(--line-height-600);
}

a {
    font-weight: 600;
}

.hentry-footer {
    border-top: none;
}

.prev-next {
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
    top: calc(0rem - 2 * var(--post-inner-elements-margin));
}

.prev::before,
.next::after {
    font-family: fontello;
    font-size: 0.5rem;
    vertical-align: middle;
}

.prev {
    color: var(--hollow-knight-400);
}

.prev::before {
    content: "\e811";
    margin-right: 0.25rem;
}

.next {
    color: var(--aimlab-400);
}

.next::after,
.has-pagination-prev-next .nav-links .page-numbers a.next::after {
    content: "\e812";
    margin-left: 0.25rem;
}

/* -------------------------------------------------------------------------- */
/*	2. Archive Header
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	3. Menus
/* -------------------------------------------------------------------------- */
.toggle-sidebar > *,
.toggle-sidebar .widget {
    margin: 1.875rem 2.5rem 5rem;
}

.toggle-sidebar-header {
    margin: 0;
}

.primary-nav-sidebar a:hover,
.primary-nav-sidebar a:focus {
    color: var(--link-color);
}

.wp-block-archives-list li a,
.wp-block-categories-list li a {
    color: var(--link-color) !important;
}

.wp-block-archives-list li a:hover,
.wp-block-categories-list li a:focus {
    color: var(--link-hover-color) !important;
}

.widget ul li,
.widget ol li {
    border-bottom: none;
    margin-bottom: 1.25rem;
}

.widget ul li a,
.widget ol li a {
    padding: 0;
}

/* -------------------------------------------------------------------------- */
/*	4. Widgets
/* -------------------------------------------------------------------------- */
.wp-block-group__inner-container [class*="wp-block"] {
    margin-top: 0;
    margin-bottom: calc(var(--default-content-margin) * 2);
}

.widget_block h2 {
    font-size: var(--font-size-600);
    font-weight: 700;
    line-height: var(--line-height-400);
}

.widget_block h3 {
    font-size: var(--font-size-500);
    font-weight: 600;
    line-height: var(--line-height-500);
}

.widget_block.widget_recent_entries .wp-block-latest-posts__list li,
.widget_block .wp-block-latest-posts__list li {
    border-bottom: none;
}

.widget_block.widget_recent_entries .wp-block-latest-posts__list li a,
.widget_block .wp-block-latest-posts__list li a {
    font-family: var(--body-font);
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
}

/* Search */
.site-search form {
    column-gap: 0.25rem;
}

.site-search .search-form input {
    border-top-right-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius);
    border-right: 2px solid var(--input-border-color);
}

.site-search .search-submit {
    border-radius: var(--input-border-radius);
    padding: 0.625rem;
}

.wp-block-search .wp-block-search__inside-wrapper {
    column-gap: 0.25rem;
}

.wp-block-search .wp-block-search__label {
    font-size: var(--font-size-500);
    font-weight: 600;
    line-height: var(--line-height-500);
}

.widget.widget_search input[type="search"] {
    background-color: var(--widget-input-background);
    border: 1px solid var(--widget-input-border-color) !important;
    border-radius: var(--search-border-radius);
    color: var(--widget-input-color);
    height: 2.25rem;
    padding: 0.625rem;
}

.wp-block-search__button {
    border-radius: var(--search-border-radius);
    flex: 0 0 auto;
    width: 2.25rem !important;
}

.wp-block-search__button::before {
    color: var(--sephiroth-300);
    padding: 0.125rem 0 0 0.125rem;
}

/* Comments */
ol.wp-block-latest-comments li {
    border: 1px solid var(--entry-border-color);
    border-radius: var(--post-container-border-radius);
    background-color: var(--sephiroth-100);
    font-size: var(--font-size-200);
    font-weight: 400;
    line-height: var(--line-height-600);
}

.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    color: var(--body-font-color);
}

.widget_block.widget_recent_comments .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment-author,
.widget_block .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment-author {
    margin-bottom: var(--default-content-margin);
}

.widget_block.widget_recent_comments .wp-block-latest-comments__comment-link,
.widget_block .wp-block-latest-comments__comment-link {
    font-family: var(--body-font);
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
}

div.comments-area {
    background: none;
}

div.comments-area textarea {
    background: var(--textarea-background-color);
    border: 1px solid var(--textarea-border-color);
    border-radius: var(--textarea-border-radius);
    color: var(--body-font-color);
}

.logged-in-as {
    font-size: var(--font-size-200);
    font-weight: 400;
    line-height: var(--line-height-600);
}

.logged-in-as a {
    color: var(--link-color);
}

/* Tags */
.single-post-tags a {
    border: var(--single-tags-border);
    border-radius: var(--single-tags-border-radius);
    column-gap: 0.75rem;
}

.single-post-tags .tag-link-count {
    background-color: var(--single-tags-badge-background);
    border-radius: var(--single-tags-badge-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin-left: 0;
}

.single-post-tags .tag-link-count span {
    color: var(--single-tags-badge-color);
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
}

/* -------------------------------------------------------------------------- */
/*	5. Site Header
/* -------------------------------------------------------------------------- */
.custom-logo {
    width: var(--custom-logo-width);
}

ul.primary-menu {
    font-family: var(--body-font);
    font-size: var(--font-size-400);
    font-weight: 600;
    line-height: var(--line-height-600);
}

.primary-menu > li {
    margin: 0 2rem;
}

.header-secondary > li,
.header-third > li {
    margin: 0 0 0 2rem;
}

.header-right > *:not(:first-child) {
    margin-left: 2rem;
}

.header-right > .toggle-cart {
    margin-left: 0;
}

.site-header {
    position: relative;
}

.site-header::after {
    content: "";
    background: linear-gradient(90deg, rgba(71, 216, 215, 0) 0%, var(--aimlab-400) 52.6%, rgba(71, 216, 215, 0) 100%);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
}

.site-header .cta-button {
    background: conic-gradient(from 50deg at 65% 60%, rgba(254, 184, 0, 0) 0deg, rgba(255, 225, 145, 0.54) 360deg), linear-gradient(0deg, var(--pacman-500), var(--pacman-500));
    border-radius: 25px;
}

.site-header .cta-button a {
    color: var(--pacman-900);
    padding: 0.5rem 1rem;
}

.site-header .cta-button a:hover,
.site-header .cta-button a:focus
{
    color: var(--pacman-900);
}

/* -------------------------------------------------------------------------- */
/*	6. Footer
/* -------------------------------------------------------------------------- */
.site-footer {
    border-top: 1px solid var(--sephiroth-0);
}

.footer-logo {
    max-width: 9rem;
}

.footer-menus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.75rem;
}

.footer-links {
    display: flex;
    justify-content: space-between;
    column-gap: 1.25rem;
    width: 100%;
}

ul.primary-menu.footer {
    justify-content: flex-start;
    column-gap: 1rem;
}

ul.primary-menu.footer li {
    margin: 0.5rem 0;
}

ul.primary-menu.footer a {
    color: var(--link-color);
}

ul.primary-menu.footer a:hover,
ul.primary-menu.footer a:focus
{
    color: var(--link-hover-color);
}

.footer-social-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 0.5rem;
    flex-shrink: 0;
}

.footer-social-discord-link {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.footer-social-discord-link img.footer-social-discord-image {
    width: 9.125rem;
}

ul.footer-social-link-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 0.5rem;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.footer-social-link-list li {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    margin: 0;
}

ul.footer-social-link-list li a img.footer-social-icon-image {
    width: 2.5rem;
    height: 2.5rem;
}

.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.75rem;
    font-size: var(--font-size-200);
    font-weight: 400;
    line-height: var(--line-height-600);
    margin-top: 0.75rem;
}

.footer-disclaimer {
    color: var(--white-0);
    max-width: 45rem;
}

.footer-copyright {
    color: var(--hollow-knight-300);
}

/* -------------------------------------------------------------------------- */
/*	7. Pagination
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	8. Plugins
/* -------------------------------------------------------------------------- */

/* TFM */
.tfm-hero {
    margin-top: 3.75rem;
    overflow-x: hidden;
}

.tfm-hero .post:not(.has-post-thumbnail):not(.has-featured-video):not(.loop-sidebar):not(.has-background):not(.no-border) .post-inner,
.tfm-hero .post.disabled-post-thumbnail:not(.has-background):not(.has-featured-video):not(.no-border) .post-inner,
.tfm-hero .page:not(.has-post-thumbnail):not(.has-background):not(.no-border) .post-inner,
.tfm-hero .page.disabled-post-thumbnail:not(.has-background):not(.no-border) .post-inner,
.tfm-hero .article.has-post-thumbnail:not(.disabled-post-thumbnail) .post-inner,
.tfm-hero .article.disabled-post-thumbnail .post-inner {
    column-gap: 2.5rem;
    row-gap: 2.5rem;
    padding: 2.25rem 1.25rem;
}

.tfm-hero .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner .post-inner-background {
    border-radius: var(--post-container-border-radius);
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.tfm-hero .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner .post-inner-background::after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.72) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.tfm-hero .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner .post-inner-background .post-inner-background-image-wrapper {
    filter: blur(24px);
    width: calc(100% + 48px);
    height: calc(100% + 48px);
    margin: -24px;
}

.tfm-hero .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner .post-inner-background .post-inner-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tfm-hero .article .entry-title a {
    color: var(--entry-title-link-color);
}

.tfm-hero .excerpt,
.tfm-hero .entry-meta,
.tfm-hero .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-meta {
    color: var(--entry-meta-color);
}

.tfm-hero .entry-meta a {
    color: var(--entry-meta-link-color);
}

.tfm-hero .read-more,
.tfm-hero .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more {
    background: var(--button-background);
    color: var(--button-color);
}

.tfm-hero .read-more:hover,
.tfm-hero .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more:hover,
.tfm-hero .read-more:focus,
.tfm-hero .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more:focus {
    background: var(--button-hover-background);
    color: var(--button-hover-color);
}

.tfm-hero.cols-1 .article .post-inner {
    flex-direction: row-reverse;
}

.tfm-hero.cols-1 .article.has-post-thumbnail .entry-wrapper {
    padding: 1.25rem;
}

.tfm-hero.cols-1.post-grid .article .entry-title {
    font-size: var(--font-size-600);
    font-weight: 700;
    line-height: var(--line-height-400);
    letter-spacing: 0;
}

.tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper {
    padding-right: 1.25rem;
    position: relative;
}

.tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper .post-thumbnail {
    margin-top: -3.5rem;
    position: relative;
    overflow: visible;
}

.tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper .post-thumbnail img:not(.post-thumbnail-accent-background):not(.post-thumbnail-accent-foreground) {
    border-radius: var(--post-container-border-radius);
}

.tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper .post-thumbnail .post-thumbnail-accent-background {
    position: absolute;
    right: 0rem;
    bottom: -2.5rem;
    width: 75%;
    height: 55%;
    object-fit: contain;
}

.tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper .post-thumbnail .post-thumbnail-accent-foreground {
    position: absolute;
    right: -5rem;
    bottom: -2rem;
    width: 40%;
    height: 55%;
    object-fit: contain;
}

.formats-key .format-count {
    border-top-right-radius: var(--post-container-border-radius);
}

.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .formats-key .format-count {
    border-top-right-radius: 0;
    border-top-left-radius: var(--post-container-border-radius);
}

.tfm-posts-block .entry-title a {
    color: var(--entry-title-link-color);
}

.tfm-posts-block .entry-meta a {
    color: var(--entry-meta-link-color);
}

.tfm-posts-block .read-more,
.tfm-posts-block .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more {
    background: var(--button-background);
    color: var(--button-color);
}

.tfm-posts-block .read-more:hover,
.tfm-posts-block .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more:hover,
.tfm-posts-block .read-more:focus,
.tfm-posts-block .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .read-more:focus {
    background: var(--button-hover-background);
    color: var(--button-hover-color);
}

.tfm-posts-block .excerpt,
.tfm-posts-block .entry-meta,
.tfm-posts-block .cover.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-meta {
    color: var(--body-font-color);
}

.tfm-posts-block .entry-meta-avatar a {
    border-color: var(--avatar-border-color);
}

.single .tfm-breadcrumbs,
.page .tfm-breadcrumbs,
.error404 .tfm-breadcrumbs {
    border-bottom: none;
}

.tfm-breadcrumbs.navxt span,
.tfm-breadcrumbs.yoast span a,
.tfm-breadcrumbs.yoast span.breadcrumb_last,
.tfm-breadcrumbs.rankmath a,
.tfm-breadcrumbs.rankmath span.last {
    font-size: var(--font-size-300);
    font-weight: 600;
    line-height: var(--line-height-600);
}

/* -------------------------------------------------------------------------- */
/*	9. Misc
/* -------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    background: var(--input-background);
    border: 2px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    color: var(--input-color);
}

.has-pagination-prev-next .nav-links .page-numbers a.prev,
.has-pagination-prev-next .nav-links .page-numbers a.next {
    padding: var(--button-padding);
}

/* -------------------------------------------------------------------------- */
/*	10. Single/page styling
/* -------------------------------------------------------------------------- */
body.home:not(.paged), body.single-post {
    background-image: url("../webp/post-body-background.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}

/* -------------------------------------------------------------------------- */
/*	11. Media Queries
/* -------------------------------------------------------------------------- */

@media (max-width: 1060px) {
    .has-sidebar main {
        border-bottom: 1px solid var(--sephiroth-0);
    }

    #tfm-hero.tfm-hero.cols-3 .article:first-child .entry-title,
    #tfm-hero.tfm-hero.cols-1 .article:first-child .entry-title,
    #tfm-hero.tfm-hero.grid-offset[data-posts="3"] > .article:first-child .entry-title,
    #tfm-hero.tfm-hero.grid-offset-half:not([data-posts="2"]) > .article:first-child .entry-title,
    #tfm-hero.tfm-hero.grid-offset-sides > .article .entry-title,
    #tfm-hero.carousel[class*="cols"] .article .entry-title,
    #tfm-hero.slider .article .entry-title,
    #tfm-hero.post-grid.grid-offset-sides[data-posts="4"] .tfm-hero-offset-wrapper:nth-of-type(2) .article .entry-title {
        font-size: var(--font-size-600);
    }

    .post-grid[class*="cols"]:not(.cols-1):not(.tfm-hero) .article h3[class*="title"],
    .post-grid.list .article h3[class*="title"] {
        font-size: var(--font-size-500);
        letter-spacing: 0 !important;
        margin: 0;
    }

    .tfm-hero {
        margin-top: 0;
    }

    .tfm-hero .post:not(.has-post-thumbnail):not(.has-featured-video):not(.loop-sidebar):not(.has-background):not(.no-border) .post-inner,
    .tfm-hero .post.disabled-post-thumbnail:not(.has-background):not(.has-featured-video):not(.no-border) .post-inner,
    .tfm-hero .page:not(.has-post-thumbnail):not(.has-background):not(.no-border) .post-inner,
    .tfm-hero .page.disabled-post-thumbnail:not(.has-background):not(.no-border) .post-inner,
    .tfm-hero .article.has-post-thumbnail:not(.disabled-post-thumbnail) .post-inner,
    .tfm-hero .article.disabled-post-thumbnail .post-inner {
        column-gap: 1.25rem;
    }

    .tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper {
        padding-right: 0;
    }

    .tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner > .thumbnail-wrapper .post-thumbnail {
        margin-top: 0;
    }

    .footer-links {
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .tfm-hero.cols-1 .has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover) .post-inner {
        flex-wrap: wrap;
    }

    .post-grid[class*="list"] .article:not(.grid-style):not(.loop-sidebar).has-post-thumbnail:not(.disabled-post-thumbnail) .post-inner .post-thumbnail,
    .post-grid[class*="list"] .article:not(.grid-style):not(.loop-sidebar).has-featured-video .post-inner .post-thumbnail {
        border-radius: var(--post-container-border-radius) var(--post-container-border-radius) 0 0;
    }
}