/*
Theme Name:     Destinationless Travel
Theme URI:      https://destinationlesstravel.com
Template:       kadence
Author:         My DIY Dreamsite
Author URI:     https://diydreamsite.com
Description:    A child theme for Destinationless Travel
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Menu */

#mobile-menu .kb-row-layout-wrap {
  box-shadow: none;
}

/* Posts */

.dds-posts .kt-post-grid-layout-grid-wrap .kt-blocks-post-grid-item {
  overflow: visible;
}

.dds-posts .kt-blocks-post-grid-item-inner-wrap,
.dds-posts .kt-blocks-post-grid-item-inner-wrap > .wp-block-kadence-column {
  height: 100%;
}

.dds-posts .kt-inside-inner-col {
  display: flex;
}

.dds-posts .kt-blocks-post-grid-item-inner-wrap .kt-inside-inner-col,
.dds-posts-content {
  flex: 1;
}

.dds-posts .kb-dynamic-list-item-link {
  padding: 5px 0;
}

.dds-card-boxed {
  height: 100%;
}

.dds-card-boxed > .kt-inside-inner-col,
#wrapper .dds-posts-content > .kt-inside-inner-col {
  flex: 1;
  display: flex;
}

#wrapper
  .dds-posts-content
  :is(.wp-block-kadence-image, .dds-posts-content-overlay) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

#wrapper .dds-posts-content-overlay {
  z-index: 0;
}

#wrapper .dds-posts-content .wp-block-kadence-image img {
  height: 100%;
  object-fit: cover;
}

@media (min-width: 544px) and (max-width: 991px) {
  #wrapper .dds-card-loop .kb-query-grid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Carousels */

.dds-carousel-overlap .splide__track {
  border-radius: 3px;
}

@media (min-width: 768px) {
  .dds-carousel-overlap .splide__track {
    margin-left: -10%;
  }
}

.dds-posts-cards.dds-carousel-overlap .kt-blocks-post-grid-item {
  overflow: visible;
}

.dds-posts-cards .kb-dynamic-list-item-link {
  padding: 5px 0;
}

#wrapper .dds-posts-cards .splide.kb-slider-arrow-position-top-right .splide__arrows {
  right: 1.5rem;
  top: 2rem;
}

.dds-posts-cards .kb-splide .splide__arrow {
  height: 2.5em;
  width: 2.5em;
  opacity: 1;
  border-radius: 50%;
}

/* Image Overlays */

.dds-image-overlay .kt-image-overlay-inner {
  width: 100%;
  background: linear-gradient(
    to top,
    color-mix(in oklab, var(--global-palette1) 50%, transparent),
    transparent
  );
}

/* Map */

.map-container {
  position: relative;
  width: 100%;
  max-width: 2000px;
}
.map-container svg {
  width: 100%;
  height: auto;
}
.tooltip {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 12px;
  border-radius: 5px;
  font-family: sans-serif;
  font-size: 14px;
  pointer-events: none;
  display: none;
  z-index: 100;
  white-space: nowrap;
}

g[class^="region-"] {
  stroke: var(--global-palette1);
  stroke-width: 1;
  fill: var(--global-palette7);
  transition: fill 0.2s;
  cursor: pointer;
}

g[class^="region-"]:hover,
.region-hover g {
  fill: var(--global-palette1);
  stroke: var(--global-palette2);
}

/* Arrow clip paths */

.dds-arrow-right .kt-blocks-info-box-link-wrap {
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  line-height: 1em;
}

.dds-arrow-right .kt-blocks-info-box-link-wrap.region-hover {
  background: var(--global-palette1);
}

.dds-arrow-right .region-hover .kt-blocks-info-box-title {
  color: var(--global-palette9);
}

/* Sliding Panels */

#wrapper .bb-sliding-panels-2 .bb-slidpan2-pan .kt-inside-inner-col::before {
  border-radius: 3px;
}

.bb-slidpan2-pan > .kt-inside-inner-col > .wp-block-kadence-column {
  height: 100%;
}

@media all and (min-width: 768px) {
  #wrapper .bb-sliding-panels-2 .bb-slidpan2-pan {
    transition: flex-grow 0.55s cubic-bezier(0.45, 1.6, 0.4, 1);
    overflow: hidden;
  }
  #wrapper
    .bb-sliding-panels-2
    .kt-inside-inner-col:has(.bb-slidpan2-pan:hover)
    .bb-slidpan2-pan:not(:hover) {
    flex-grow: 1;
  }
  #wrapper .bb-sliding-panels-2 .bb-slidpan2-pan:hover {
    flex-grow: 6;
  }
}

/* Overlays */

:is(.dds-bio-overlay, .dds-dest-overlay) .kt-image-overlay-inner {
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.dds-dest-overlay {
  box-shadow: 0 0 10px 0
    color-mix(in srgb, var(--global-palette2) 30%, transparent);
}

.dds-dest-overlay .image-overlay-title mark {
  background-image: linear-gradient(
    180deg,
    var(--global-palette9) 26%,
    var(--global-palette2) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {
  .dds-wrap-image {
    float: left;
    margin: 0 1.5em 1.5em 0;
  }
}

/* Single Post */

.single-post .post-thumbnail-inner img {
  border-radius: 3px;
}

.dds-author-link:hover + .dds-author-bio,
.dds-author-bio:hover {
  opacity: 1;
  visibility: visible;
}

.dds-author-bio {
  max-width: 500px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
  transform: translateY(48px);
  transition: opacity 0.3s ease;
}

/* Related posts */

@media (min-width: 1025px) {
  .entry-related .entry-related-inner-content {
    padding: 0;
  }
}

.entry-related-carousel .entry.loop-entry {
  box-shadow: 0 0 10px 0 var(--global-palette7);
}

.entry-related-carousel .entry.loop-entry img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.entry-related-carousel .entry.loop-entry .entry-content-wrap {
  padding: var(--global-xs-spacing);
  padding-bottom: 0;
}

.entry-related-carousel .loop-entry .entry-taxonomies {
  display: flex;
  line-height: 1.2;
}

.entry-related-carousel .loop-entry.type-post .entry-meta {
  display: none;
}

.entry-related-carousel .loop-entry.type-post .entry-taxonomies a {
  font-size: 12px;
  line-height: 1.4em;
  font-family: var(--global-heading-font-family);
  font-weight: inherit;
  font-style: normal;
  text-transform: uppercase;
  color: var(--global-palette3);
  letter-spacing: 0;
}

.entry-related-carousel
  .loop-entry.type-post
  :is(.entry-taxonomies, .entry-title)
  a:hover {
  color: var(--global-palette1);
}

.entry-related-carousel.splide .splide__arrow {
  height: 2.5em;
  width: 2.5em;
  opacity: 1;
  border-radius: 50%;
  top: 2em;
  background-color: var(--global-palette1);
}

.entry-related-carousel.splide .splide__arrow:hover,
.entry-related-carousel.splide .splide__arrow:focus {
  background-color: var(--global-palette2);
}

.entry-related-carousel.splide .splide__arrow--prev {
  left: auto;
  right: 4.5em;
}

/* Contact Page */

.bb-profile-card-5 .wp-block-kadence-icon .wp-block-kadence-single-icon {
  position: absolute;
  top: 1%;
  left: 25%;
  display: inline-block;
  width: 50%;
  height: 50%;
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 0.7s ease, opacity 0.7s ease;
  bottom: 0;
  pointer-events: none;
}

@media all and (max-width: 1024px) {
  .bb-profile-card-5 .wp-block-kadence-icon .wp-block-kadence-single-icon {
    top: -2%;
    left: 25%;
    width: 50%;
    height: 50%;
  }
}

.bb-profile-card-5 .wp-block-kadence-icon .kt-svg-icon-link {
  max-width: fit-content;
  pointer-events: auto;
}

.bb-profile-card-5
  .wp-block-kadence-column
  .wp-block-kadence-single-icon:nth-child(1)
  span {
  pointer-events: auto;
}

/* Item 1 */
.bb-profile-card-5 .wp-block-kadence-single-icon:nth-child(1) {
  transform: rotate(0deg);
  z-index: 10;
  opacity: 1;
}

.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(n + 2) {
  opacity: 1;
}

/* Item 2 */
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(2) {
  transform: rotate(25deg);
  z-index: 9;
}
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(2)
  span {
  transform: rotate(-25deg);
}
/* Item 3 */
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(3) {
  transform: rotate(50deg);
  z-index: 8;
}
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(3)
  span {
  transform: rotate(-50deg);
}
/* Item 4 */
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(4) {
  transform: rotate(75deg);
  z-index: 7;
}
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(4)
  span {
  transform: rotate(-75deg);
}
/* Item 5 */
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(5) {
  transform: rotate(100deg);
  z-index: 6;
}
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(5)
  span {
  transform: rotate(-100deg);
}
/* Item 6 */
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(6) {
  transform: rotate(125deg);
  z-index: 5;
}
.bb-profile-card-5
  .wp-block-kadence-column:hover
  .wp-block-kadence-single-icon:nth-child(6)
  span {
  transform: rotate(-125deg);
}