/*
Theme Name:   The Japan Travel Blog
Theme URI:    https://thejapantravelblog.com
Description:  The Japan Travel Blog by DIY Dream Site
Author:       DIY Dream Site
Author URI:   https://diydreamsite.com
Template:     kadence
Version:      1.0
*/

/* Header */

.header-search-bar form input.search-field {
	border-radius: 0;
}

.dds-menu.wp-block-kadence-navigation
  .menu-container
  > .menu
  > .menu-item
  > .kb-link-wrap
  > .kb-nav-link-content,
.dds-menu-mobile
  .kb-nav-link-content.has-highlight-label.highlight-with-title
  .kb-nav-label-content,
.dds-menu-mobile
  .kb-link-wrap
  .kb-nav-link-content.has-highlight-label.highlight-with-title
  .kb-nav-label-content {
  gap: 2px;
  align-items: flex-start;
  flex-direction: row-reverse;
}

.dds-menu .wp-block-kadence-navigation-link .link-highlight-label {
  padding-left: 0;
  gap: 0;
}
#mobile-drawer :is(.header-mobile-search-bar, form) {
  width: 100%;
}

.dds-balance :is(h1, h2, h3, h4, 55, h6),
.dds-balance:is(h1, h2, h3, h4, h5, h6) {
	text-wrap: balance;
}

.kt-blocks-above-categories a {
  text-decoration: none;
}

/* Homepage */

@media all and (min-width: 768px) {
#wrapper .bb-slidpan2-pan {
  transition: flex-grow 0.55s cubic-bezier(0.45, 1.6, 0.4, 1);
  overflow: hidden;
}
#wrapper
  .kt-inside-inner-col:has(.bb-slidpan2-pan:hover)
  .bb-slidpan2-pan:not(:hover) {
  flex-grow: 1;
}
#wrapper .bb-slidpan2-pan:hover {
  flex-grow: 3;
}
#wrapper .bb-slidpan2-pan h2 {
  width: max-content;
/*   opacity: 0.7; */
/*   transition: opacity 0.80s; */
  -webkit-text-stroke: 3px black;
  paint-order: stroke fill;
}
#wrapper .bb-slidpan2-pan:hover h2 {
  opacity: 1;
}
#wrapper .bb-slidpan2-pan .wp-block-kadence-column {
  position: absolute;
  transform: translateX(115%);
  transition: transform 0.55s cubic-bezier(0.45, 1.3, 0.4, 1);
  min-width: calc((100vw - 3em) / 4);
  max-width: calc((100vw - 3em) / 4);
  right: 0;
}
#wrapper .bb-slidpan2-pan:hover .wp-block-kadence-column {
  transform: translateX(0);
  transition-delay: 0.25s;
}
}

/* Carousels */

.dds-carousel-over .kb-splide .splide__track {
  margin-right: -10vw;
}

.dds-carousel-over.left .kb-splide .splide__track {
  margin-left: -10vw;
  margin-right: 0;
}

@media all and (max-width: 767px) {
  :is(.dds-carousel-over, .dds-carousel-over.left) .kb-splide .splide__track {
    margin-right: -40vw;
  }
  :is(.dds-carousel-over, .dds-carousel-over.left) .kb-splide .splide__track {
    margin-left: -40vw;
  }
}

:is(.dds-post-carousel, .entry-related) .splide .splide__arrow {
  height: 2em;
  width: 2em;
  background: var(--global-palette2);
  opacity: 1;
	border-radius: 0;
}

:is(.dds-post-carousel, .entry-related) .splide:hover .splide__arrow {
  opacity: 1;
}

:is(.dds-post-carousel, .entry-related) .splide .splide__arrow:hover,
:is(.dds-post-carousel, .entry-related) .splide .splide__arrow:focus {
  opacity: 1;
  background: var(--global-palette1);
}

:is(.dds-post-carousel, .entry-related) .splide .splide__pagination__page {
  background: var(--global-palette1);
  opacity: 1;
  border-radius: 100%;
  height: 8px;
  width: 8px;
}

:is(.dds-post-carousel, .entry-related)
  .splide
  .splide__pagination__page.is-active {
  background: var(--global-palette2);
  opacity: 1;
}

.dds-post-item .kt-blocks-post-grid-item {
  position: relative;
}

.dds-post-item .kt-blocks-post-grid-item .entry-title {
  text-wrap: balance;
}

.dds-post-item .kt-blocks-post-grid-item-inner {
  padding: 0px 15px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--global-palette3) 80%, transparent),
    color-mix(in srgb, var(--global-palette3) 0%, transparent)
  );
}

#wrapper .dds-query-card .kt-image-overlay-inner {
  width: 100%;
}

#wrapper .dds-query-card .image-overlay-title {
	background: linear-gradient(
    to top,
    color-mix(in srgb, var(--global-palette3) 80%, transparent),
    color-mix(in srgb, var(--global-palette3) 0%, transparent)
  );
}

.dds-post-item .kb-splide .splide__slide {
  overflow: hidden;
}

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

.category-link-travel-planning {
  font-weight: 500;
}

.kt-blocks-post-grid-item img {
  transition: all 0.5s ease;
}

.kt-blocks-post-grid-item:hover img {
  transform: scale(1.05);
  image-rendering: optimizequality;
}

/* Align post buttons */

.dds-posts-align .kt-blocks-post-grid-item-inner-wrap {
  height: 100%;
}

.dds-posts-align .kt-blocks-post-grid-item :is(.kt-blocks-post-grid-item-inner-wrap, .kt-blocks-post-grid-item-inner, .entry-content) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.dds-posts-align .kt-blocks-post-grid-item .kt-blocks-post-readmore-wrap {
  margin-top: auto;
}

/* Icon */

.dds-icon .kb-adv-heading-icon {
  padding: 8px 6.5px 5px 6.5px;
  background: var(--global-palette1);
  border-radius: 50%;
}

/* Tilted Sections */

.dds-about-left {
	transform: rotate(-5deg);
  image-rendering: optimizequality;
}

.dds-about-right {
	transform: rotate(5deg);
  image-rendering: optimizequality;
}

/* Polaroid animation */

.dds-pola-ani > .kt-inside-inner-col:not(.no-ani) .wp-block-kadence-column:not(.no-ani) {
  transition: all 0.3s ease;
  image-rendering: optimizequality;
}

.dds-pola-ani > .kt-inside-inner-col .wp-block-kadence-column:not(.no-ani):hover {
  transform: rotate(2deg);
}

/* Map Pins */

#powerTip {
  line-height: 0;
	font-size: 16px;
}

/* Fullheight posts */

.dds-post-stretch > .kt-inside-inner-col {
  display: flex;
}

.dds-post-stretch .wp-block-kadence-postgrid {
flex: 1;
}

.dds-post-stretch :is(.kt-post-grid-wrap, .kt-blocks-post-grid-item-inner-wrap, .kadence-post-image, .kadence-post-image-intrisic) {
  height: 100%;
}

.dds-post-stretch .wp-post-image {
  object-fit: cover;
}

/* Related Posts */
.single-post .entry-related .post-thumbnail {
  padding-bottom: 133%;
}

.single-post .entry-related .entry-content-wrap {
  padding: 2rem 1rem 0 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.single-post .entry-related .entry-title:not(:hover) {
  color: var(--global-palette9);
}

.single-post .entry-related .entry-title:hover a {
  color: var(--global-palette8);
}

.single-post .entry-related .entry-meta {
  display: none;
}

.single #wrapper .entry-related {
  background: transparent;
}

body.single .content-bg {
  border-radius: 0;
}

@media all and (min-width: 1025px) {
  .single-post .entry-related-inner-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (max-width: 1024px) {
  .single-post .article-post-thumbnail .post-thumbnail-inner {
  margin: 0 1.5em;
  overflow: hidden;
}
}

@media all and (max-width: 767px) {
  .single-post .kadence-thumbnail-position-behind {
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 719px) {
  .single-post.content-style-boxed .content-bg:not(.loop-entry) {
    margin-left: auto;
    margin-right: auto;
  }
}