/*
Theme Name:     Karla
Theme URI:      https://brandandbuild.me/product/karla-kadence
Template:       kadence
Author:         Brand & Build
Author URI:     https://brandandbuild.me
Description:    Karla is a kadence child theme ideal for coaches, entrepreneurs, and online educators. Utilising a muted colour palette that’s easy to customise for your brand, Karla features three blog post layouts, long form sales page, email challenge sign up, and thank you pages. There is also a slim optin form and many more prestyled blocks, making it super simple to add extra pages styled to match in just a few clicks.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
  font-family: "quentinregular";
  src: url("lib/fonts/quentin-webfont.woff2") format("woff2"),
    url("lib/fonts/quentin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}

.kt-highlight {
  font-weight: 400;
}

.bb-karla-newsletter {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
}

p a:not(.post-more-link):not(.wp-block-post-excerpt__more-link),
.fn a {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 50%,
    var(--global-palette2) 50%,
    var(--global-palette2) 80%,
    rgba(255, 255, 255, 0) 80%
  );
}

.bb-karla-align-bottom .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
}

.bb-karla-align-bottom
  .kt-inside-inner-col
  :is(.wp-block-kadence-advancedbtn, .bb-karla-copyright) {
  margin-top: auto;
}

#mobile-drawer .drawer-content {
  padding: 0;
}

#mobile-drawer .mobile-html-inner {
  padding: 0 1.5rem;
}

#mobile-drawer .drawer-navigation-parent-toggle-false .drawer-nav-drop-wrap {
  padding-left: 44.2px;
}

#search-drawer .drawer-inner input.search-field {
  border-radius: 0;
}

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

@media all and (max-width: 767px) {
  #colophon .site-footer-bottom-section-2 {
    order: 0;
  }
}

.bb-karla-home-posts.grid-cols {
  column-gap: 2rem;
  row-gap: 2rem;
}

.bb-karla-home-posts .loop-entry {
  background: var(--global-palette8);
  border: 10px solid var(--global-palette9);
}

.bb-karla-home-posts.no-border .loop-entry {
  border: none;
}

:is(.search, .archive) .loop-entry .more-link-wrap,
.bb-karla-home-posts .loop-entry .more-link-wrap,
.bb-karla-blog .wp-block-post-excerpt__more-text {
  text-align: right;
}

:is(.search, .archive) .loop-entry .post-more-link,
.bb-karla-home-posts .loop-entry .post-more-link,
.bb-karla-blog .wp-block-post-excerpt__more-link {
  font-family: var(--global-heading-font-family);
  letter-spacing: 0;
  font-size: 16px;
}

:is(.search, .archive) .loop-entry .post-more-link .kadence-svg-iconset,
.bb-karla-home-posts .loop-entry .post-more-link .kadence-svg-iconset {
  display: none;
}

.bb-karla-blog .wp-block-query-pagination,
.navigation.pagination {
  font-family: var(--global-heading-font-family);
}

.navigation.pagination .nav-links {
  display: flex;
  gap: 0.3em;
  justify-content: flex-start;
}

:is(.bb-karla-blog .wp-block-query-pagination, .navigation.pagination)
  .page-numbers {
  width: 40px;
  height: 40px;
  margin-right: 0;
  min-width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: none;
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-btn);
}

:is(.bb-karla-blog .wp-block-query-pagination, .navigation.pagination)
  .page-numbers.current,
:is(.bb-karla-blog .wp-block-query-pagination, .navigation.pagination)
  .page-numbers:hover {
  background: var(--global-palette-btn-bg-hover);
  color: var(--global-palette-btn-hover);
}

.bb-karla-blog.grid ul {
  gap: 3em;
}

@media all and (max-width: 1024px) {
  .bb-karla-blog.grid ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2em;
  }
}

#bb-karla-testimonials-slider .kb-gallery-carousel {
  padding-right: 0;
  padding-left: 0;
}

#bb-karla-testimonials-slider .kb-splide .splide__arrow {
  background: transparent;
}

#bb-karla-testimonials-slider .kb-splide .splide__pagination__page {
  border-radius: 0;
}

.bb-karla-testimonial-grid .kt-testimonial-grid-wrap {
  gap: 6em 3em;
}

.bb-karla-testimonial-grid .kt-testimonial-item-wrap {
  position: relative;
}

.bb-karla-testimonial-grid .kt-testimonial-item-wrap:before,
.bb-karla-testimonial-grid .kt-testimonial-item-wrap:after {
  position: absolute;
  font-family: "Arial Black", Gadget, sans-serif !important;
  font-size: 120px;
  width: 60px;
  height: 60px;
  background: transparent;
  color: var(--global-palette7);
}

.bb-karla-testimonial-grid .kt-testimonial-item-wrap:before {
  content: "“";
  left: 13px;
  top: -80px;
  margin-left: -16px;
}

.bb-karla-testimonial-grid .kt-testimonial-item-wrap:after {
  content: "”";
  right: -1px;
  bottom: 20px;
}

.bb-karla-search input[type="search"],
.bb-karla-search input[type="search"]:focus {
  border: none;
  border-radius: 0;
  background: var(--global-palette8);
  box-shadow: none;
  text-align: center;
}

:is(.search, .archive) .hero-container {
  padding-top: var(--global-xxl-spacing);
}

:is(.search, .archive) .entry-hero-container-inner .entry-header {
  max-width: max-content;
  margin: auto;
  padding-top: var(--global-xxl-spacing);
  background: var(--global-palette9);
  padding: var(--global-xxl-spacing) var(--global-lg-spacing);
  border: 10px solid var(--global-palette2);
}

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

.bb-karla-sidebar
  :is(.wp-block-latest-posts.wp-block-latest-posts__list, .wp-block-categories-list.wp-block-categories, .wp-block-archives-list.wp-block-archives) {
  list-style: square;
  margin: 0 0 1.5em 1em;
  padding-left: 0;
}

.bb-karla-sidebar
  :is(.wp-block-latest-posts.wp-block-latest-posts__list
    li, .wp-block-categories-list.wp-block-categories
    li, .wp-block-archives-list.wp-block-archives li) {
  margin-top: var(--global-xs-spacing);
}

.bb-karla-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li::marker,
.bb-karla-sidebar .wp-block-categories-list.wp-block-categories li::marker,
.bb-karla-sidebar .wp-block-archives-list.wp-block-archives li::marker {
  color: var(--global-palette7);
}

.bb-karla-infobox.wp-block-kadence-infobox {
  display: flex;
  height: 100%;
}

.bb-karla-infobox.wp-block-kadence-infobox
  :is(.kt-blocks-info-box-link-wrap, .kt-infobox-textcontent) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.bb-karla-infobox.wp-block-kadence-infobox .kt-blocks-info-box-learnmore-wrap {
  margin-top: auto;
}

@media all and (max-width: 767px) {
  .bb-karla-infobox-image.wp-block-kadence-infobox .kt-blocks-info-box-media {
    margin-right: 0;
  }
}

.single-post
  .entry-hero-layout-fullwidth
  > .entry-hero-container-inner
  > .site-container {
  max-width: calc(
    var(--global-calc-content-width) + var(--global-content-edge-padding) * 2
  );
  margin: auto;
  padding-top: 3em;
  padding-bottom: 3em;
}

.single-post .entry-header.post-title {
  background: var(--global-palette9);
  border: 10px solid var(--global-palette2);
  padding: var(--global-xl-spacing) var(--global-lg-spacing);
}

.single-post .entry-meta > * {
  align-items: start;
}

@media all and (min-width: 1025px) {
  .single-post.content-title-style-above
    .post-hero-section
    .entry-hero-container-inner {
    background-size: contain;
    background-position: right 0px center;
  }
  .single-post .entry-header.post-title {
    margin: var(--global-xxl-spacing) auto var(--global-xxl-spacing) 0;
    max-width: 60%;
  }
  .single-post .entry-meta > span:not(.posted-by),
  .single-post .entry-meta > div {
    margin-left: 88px;
  }
  .single-post .entry-meta .posted-on {
    margin-top: -65px;
  }
  .single-post .title-align-left .entry-meta {
    flex-direction: column;
  }
}

@media all and (max-width: 1024px) {
  .single-post .title-align-left .entry-meta {
    align-items: center;
  }
  .single-post .entry-meta .posted-by {
    flex-direction: column;
    flex: 1 0 100%;
    align-items: center;
  }
  .single-post .entry-meta .author-avatar {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}

@media all and (max-width: 767px) {
  .single-post .entry-header.post-title {
    padding: var(--global-lg-spacing) var(--global-sm-spacing);
  }
}

.single-post blockquote {
  border-left: 10px solid var(--global-palette2);
}

.single-post blockquote p:first-of-type {
  font-family: var(--global-heading-font-family);
}

.single-post .has-drop-cap::first-letter {
  background: var(--global-palette7);
  padding: 0.2em;
}

.single-post .entry-content ul {
  list-style: square;
}

.single-post .entry-content :is(ul, ol) {
  margin: 0 0 1.5em 1em;
  padding-left: 0;
}

.single-post .entry-content :is(ul, ol) li::marker {
  color: var(--global-palette6);
  font-family: var(--global-heading-font-family);
  font-weight: 700;
}

.single-post .entry-related-inner-content {
  padding: 0;
}

.single-post .entry-related-carousel h3.entry-title {
  font-size: var(--global-kb-font-size-xl);
}

.single-post .entry-related-carousel .entry-content-wrap {
  background: var(--global-palette8);
}

.single-post .entry-related-carousel .splide__pagination__page {
  border-radius: 0;
}

.single-post #comments a:hover,
.single-post #comments a:focus {
  text-decoration: none;
}

.single-post #comments .reply .comment-reply-link {
  border: none;
  color: var(--global-palette-btn);
  background: var(--global-palette-btn-bg);
  font-family: var(--global-heading-font-family);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.single-post #comments .reply .comment-reply-link:hover {
  color: var(--global-palette-btn-hover);
  background: var(--global-palette-btn-bg-hover);
}

.single-post #comments .comment-body {
  border-bottom: none;
}

.single-post #comments :is(input, textarea) {
  border-radius: 0;
}

.single-post .post-navigation-sub {
  font-family: var(--global-heading-font-family);
}