/*
Theme Name:     Liora
Theme URI:      https://brandandbuild.me/product/liora-kadence
Template:       kadence
Author:         Brand & Build
Author URI:     https://brandandbuild.me
Description:    A refined and versatile child theme designed for Kadence. Perfect for modern editorial sites, lifestyle blogs, and creative brands, Liora blends bold visual storytelling with clean typography and effortless navigation. This child theme preserves your custom styles and functionality while ensuring seamless updates to the parent theme.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

#search-drawer.popup-drawer .drawer-inner input.search-field {
  padding: 0.4em 80px 0.4em 0.8em;
  font-size: 18px;
  border-radius: 0;
  border-color: var(--global-palette7);
}

#search-drawer.popup-drawer .drawer-inner input.search-field:focus {
  box-shadow: none;
}

#primary-menu > li ul.sub-menu {
  border: 1px solid var(--global-palette7);
}

#colophon .kb-link-wrap .kb-nav-link-content {
  justify-content: space-between;
}

#colophon .kb-nav-link-content::after {
  content: "";
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}

.single-post.content-title-style-above
  :is(.entry-header, .entry-content, .entry-footer, .entry-author) {
  max-width: var(--global-content-narrow-width);
  margin-left: auto;
  margin-right: auto;
}

.single-post.content-title-style-above .hero-container .entry-header {
  max-width: calc(var(--global-content-narrow-width) + 10vw);
  padding-top: var(--global-content-edge-padding);
  padding-bottom: var(--global-content-edge-padding);
}

.single-post.content-title-style-above .hero-container {
  padding: 0;
}

.single-post .entry-tags a.tag-link {
  border: 2px solid var(--global-palette1);
  border-radius: 0;
}

#inner-wrap .content-container .entry-related-inner-content.alignwide {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.entry-related-inner-content .entry.loop-entry {
  background: transparent;
  box-shadow: none;
}

.entry-related-inner-content .loop-entry .entry-content-wrap {
  padding: 1.5rem 0;
}

.entry-related-inner-content .entry.loop-entry h3 {
  font-size: var(--global-kb-font-size-lg);
}

:is(.archive, .blog, .search-results) .loop-entry .entry-title {
  font-size: var(--global-kb-font-size-lg);
}

#inner-wrap .category-style-pill a {
  border-radius: 0;
  letter-spacing: 2px;
  padding-left: 0.5em;
}

.navigation.pagination .page-numbers {
  border-radius: 0;
}

.archive .entry-hero-layout-contained .hero-container {
  padding: 0;
}

.post-archive-title.entry-header {
  max-width: 900px;
  margin: auto;
  padding: var(--global-md-spacing) 0;
}

.post-archive-title .kadence-breadcrumbs {
  margin-top: 0;
}

.search-archive-hero-section .search-title span {
  display: block;
}

.author .archive-description {
  margin-top: 1em;
}

.bb-lio-post-line .loop-entry {
  border-bottom: 1px solid var(--global-palette7);
}

.bb-lio-post-line.bb-lio-post-light .loop-entry {
  border-bottom: 1px solid var(--global-palette6);
}

.bb-lio-post-line.grid-cols,
.bb-lio-post-gap.grid-cols {
  row-gap: 2rem;
  column-gap: 2rem;
}

.bb-lio-post-mid .loop-entry .entry-content-wrap {
  justify-content: center;
  flex-direction: column;
}

.bb-lio-post-mid .loop-entry :is(.entry-header, .entry-header .entry-meta) {
  margin-bottom: 0;
}

.bb-lio-post-mid .loop-entry {
  padding-bottom: 2rem;
}

.bb-lio-post-light
  .entry.loop-entry
  :is(.entry-title, .entry-summary, .entry-meta) {
  color: var(--global-palette9);
}

.bb-lio-post-light .entry.loop-entry :is(.entry-title, .entry-meta) a:hover {
  color: var(--global-palette7);
}

.bb-lio-post-light .entry.loop-entry .entry-taxonomies .category-style-pill a {
  background: var(--global-palette9);
  color: var(--global-palette3);
}

.bb-lio-post-light
  .entry.loop-entry
  .entry-taxonomies
  .category-style-pill
  a:hover {
  background: var(--global-palette7);
  color: var(--global-palette3);
}

.bb-lio-post-grad :is(.loop-entry, .kt-blocks-post-grid-item) {
  position: relative;
}

.bb-lio-post-grad.kb-posts .loop-entry .entry-content-wrap,
.bb-lio-post-grad .kt-blocks-post-grid-item .kt-blocks-post-grid-item-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 0.75em 0.75em 0.25em 0.75em;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--global-palette3) 80%, transparent) 0%,
    transparent 80%
  );
}

.bb-lio-post-grad .entry-content-wrap * {
  color: var(--global-palette9);
}

.bb-lio-post-grad.kb-posts .loop-entry .entry-meta {
  margin: 0.6em 0 0.5em 0;
}

.bb-lio-post-grad.kb-posts .loop-entry .post-thumbnail {
  margin-bottom: 0;
}

.bb-lio-post-grad.kb-posts .entry-header,
.bb-lio-post-grad .kt-blocks-post-grid-item header {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0;
}

.bb-lio-post-grad.kb-posts .loop-entry .entry-header * a:hover {
  color: var(--global-palette2);
}

.bb-lio-post-grad.kb-posts .entry-taxonomies,
.bb-lio-post-grad .kt-blocks-post-grid-item .kt-blocks-above-categories {
  margin-bottom: auto;
}

.bb-lio-post-grad-main.kb-posts .loop-entry .post-thumbnail {
  height: 100%;
}

.bb-lio-post-inline .loop-entry {
  display: flex;
  gap: 1em;
  align-items: center;
}

.bb-lio-post-inline .loop-entry .entry-header {
  margin-bottom: 0;
}

.bb-lio-post-inline.kb-posts .loop-entry .post-thumbnail {
  flex: 0 0 35%;
  padding-bottom: 0;
  margin-bottom: 0;
  height: 100%;
  min-height: 80px;
}

@media all and (min-width: 1025px) {
  .bb-lio-post-grad-main.grid-cols {
    flex: 1;
  }
  .bb-lio-hero-main .kt-inside-inner-col {
    flex: 1;
  }
}

@media all and (min-width: 768px) {
  .bb-lio-post-fh.kb-posts .loop-entry .post-thumbnail {
    height: 100%;
    width: 100%;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .kt-row-column-wrap.kt-tab-layout-two-grid
    > div.bb-lio-hero-main.wp-block-kadence-column {
    grid-row: 1;
    grid-column: 1 / -1;
  }

  .bb-lio-hero-left,
  .bb-lio-hero-right {
    grid-row: 2;
  }
}

@media all and (max-width: 1024px) {
  .bb-lio-post-no2.kb-posts {
    grid-template-columns: 1fr;
  }

  .bb-lio-post-no2.kb-posts .loop-entry {
    grid-gap: 2em;
  }

  .bb-lio-post-no2 .post-thumbnail {
    aspect-ratio: 16 / 9;
  }
  .bb-lio-home-grid
    .kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row) {
    grid-auto-rows: minmax(0, auto);
  }
}

.bb-lio-bar-cats ul.wp-block-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bb-lio-bar-cats ul.wp-block-categories-list li.cat-item {
  line-height: 3em;
}

.bb-lio-bar-cats ul.wp-block-categories-list li a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--global-palette7);
  text-decoration: none;
}

.bb-lio-bar-cats ul.wp-block-categories-list li a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}

.bb-lio-lim-text,
.bb-lio-lim-text .entry-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

:is(.bb-lio-post-grid, .bb-lio-post-inline) a {
  text-decoration: none;
}

:is(.bb-lio-post-grid, .bb-lio-post-inline) .kt-blocks-above-categories a {
  background: var(--global-palette1);
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}

:is(.bb-lio-post-grid, .bb-lio-post-inline)
  .kt-blocks-above-categories
  a:hover {
  background: var(--global-palette6);
}

.bb-lio-post-grid.wp-block-kadence-postgrid
  .kt-blocks-post-grid-item
  .entry-title {
  padding-bottom: 0.3em;
}

.bb-lio-post-inline.wp-block-kadence-postgrid
  .kt-blocks-post-grid-item
  .entry-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bb-lio-post-inline-sm.wp-block-kadence-postgrid
  .kt-blocks-post-grid-item
  .entry-title {
  padding-top: 0.5rem;
  padding-bottom: 0;
}

.bb-lio-post-inline.wp-block-kadence-postgrid
  .kt-blocks-post-grid-item
  .entry-content {
  margin-top: 0.3rem;
}

.bb-lio-post-inline .kadence-post-image-intrisic {
  height: 100%;
}

:is(.bb-lio-post-grid, .bb-lio-caro-over) .splide__arrows .splide__arrow {
  border-radius: 0;
  height: 2em;
  width: 2em;
}

.bb-lio-caro-over .splide__track {
  margin-right: -10vw;
}

@media all and (max-width: 767px) {
  .bb-lio-caro-over .splide__track {
    margin-left: -45vw;
    margin-right: -45vw;
  }
}

.bb-lio-post-cats.kb-dynamic-list.kb-dynamic-list-style-pill li {
  border-radius: 0;
}

#commentform :is(textarea, input) {
  border-radius: 0;
}

.bb-lio-post-nav .wp-block-post-navigation-link a {
  text-decoration: none;
}

.kb-search .kb-search-input-wrapper .kb-search-icon-submit,
#search-drawer.popup-drawer
  .drawer-inner
  .drawer-content
  .kadence-search-icon-wrap {
  right: 1px;
  top: 1px;
  bottom: 1px;
  padding: 5px 12px 5px 12px;
  border: none;
  background: var(--global-palette3);
  transform: none;
  width: 45px;
  color: var(--global-palette9);
  height: auto;
}

#search-drawer.popup-drawer
  .drawer-inner
  .drawer-content
  input.search-submit:hover
  ~ .kadence-search-icon-wrap {
  color: var(--global-palette2);
}

.ajax-search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--global-palette9);
  border: 1px solid var(--global-palette7);
  border-top: none;
  z-index: 1000;
  max-height: 375px;
  overflow-y: auto;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.ajax-search-results.visible {
  display: block;
}

.ajax-search-results .result-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--global-palette7);
}

.ajax-search-results .result-item:last-child {
  border-bottom: none;
}

.ajax-search-results .result-item img {
  width: 80px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ajax-search-results .result-item a {
  text-decoration: none;
  color: var(--global-palette3);
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 10px;
  width: 100%;
  line-height: 1.4em;
  font-size: 16px;
}

.ajax-search-results .result-item a:hover {
  background: var(--global-palette8);
}

.ajax-search-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ajax-search-loading {
  position: absolute;
  top: 50%;
  right: 5rem;
  transform: translateY(-50%);
  display: none;
  z-index: 1001;
}

.ajax-search-loading .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--global-palette7);
  border-top-color: var(--global-palette3);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.ajax-search-close {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 1002;
  padding: 0 0.5rem;
  display: none;
  color: var(--global-palette6);
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
/*Redefine clamp values*/

:root {
  --global-kb-font-size-sm: clamp(16px, 1.6vw, 18px);
  --global-kb-font-size-md: clamp(18px, 1.8vw, 22px);
  --global-kb-font-size-lg: clamp(22px, 2vw, 26px);
  --global-kb-font-size-xl: clamp(26px, 2.6vw, 32px);
  --global-kb-font-size-xxl: clamp(30px, 3vw, 42px);
  --global-kb-font-size-xxxl: clamp(36px, 3.5vw, 60px);
}

/*Apply clamp values to headings*/

h1 {
  font-size: var(--global-kb-font-size-xxxl);
}

h2 {
  font-size: var(--global-kb-font-size-xxl);
}

h3 {
  font-size: var(--global-kb-font-size-xl);
}

h4 {
  font-size: var(--global-kb-font-size-lg);
}

h5 {
  font-size: var(--global-kb-font-size-md);
}

h6 {
  font-size: var(--global-kb-font-size-sm);
}

.media-modal-content :is(h1, h2, h3, h4, h5, h6) {
  font-size: revert;
}