/*
Theme Name: Kimono Child
Theme URI: http://demo.bravisthemes.com/kimono/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Kimono is a photography portfolio Wordpress Theme. It is also suitable for any agency business and portfolio website. It is bootstrap grid based and well documented. so that user can easily modify and customize this template. Even it’s sections are compatible for any kind business template.
Version: 10.0.4
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kimono
Text Domain: kimono-child
Tags: photography, portfolio
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4
Copyright (c) 2024 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/



.pxl-slider-carousel9 .pxl-item--title{
	width:90% !important;
  opacity: 1 !important;
  visibility: visible  !important;
	font-size: 17px;

}

.pxl-slider-carousel9 .pxl-item--title .sub{
	font-size: 15px !important;
}



.itematv .pxl-item--title {
transition-duration: 0ms !important;
	transition: none !important; 
	transform: none !important; 
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
	
	
}

.itematv .pxl-item--title ,
.itematv .pxl-item--title  span,
.itematv .pxl-item--title  span span{
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
  -webkit-text-stroke: 0.01px transparent;
  -webkit-font-smoothing: antialiased;
}

.itematv .pxl-item--title:hover {
  transition: none;
	transform: none !important; 
}

.itematv .pxl-item--inner {
  position: relative;
}

.itematv .pxl-item--title {

  bottom: -10px;
  z-index: 999;
}
.itematv .pxl-item--inner , .itematv .pxl-item--content{
  overflow: visible !important;
}


.itematv .pxl-swiper-arrow,
.itematv .arrow-divider
{
	display:none
}


.itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--primary-color);
  border: 1px solid transparent;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 14px;
  padding: 0;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  position: static;
  opacity: 1;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet {
    width: 5px;
    height: 5px;
  }
}
.itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--secondary-color);
}
.itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 1;
  visibility: visible;
}
.itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet:before {
  font-size: 24px;
  font-weight: 600;
  top: auto;
  width: auto;
  height: auto;
  background-color: transparent;
  counter-increment: numbers;
  content: "0" counter(numbers);
  color: var(--secondary-color);
  position: absolute;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  .itematv .pxl-left-pane .pxl-swiper-dots .pxl-swiper-pagination-bullet:before {
    content: none;
  }
}




.pxl-slider-carousel9 .pxl-item--content {
	width: 90% !important;
	top: 90% !important

}

.pxl-slider-carousel9 .pxl-image-popup{
	display: none
}


.map-image-block {
      width: 220px;
    }

    .map-image-block img {
      width: 220px;
      display: block;
    }

    .map-image-block .overlay-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;      /* centraliza vertical */
      justify-content: center;  /* centraliza horizontal */
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
 
    }

.maptit{
	font-family: 'Sora', sans-serif;
	font-weight:bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
	text-align:center
}



.pxl-slider-carousel9 .wp-arrow .pxl-swiper-dots {
  left: unset;
  transform: unset;
}


.pxl-slider-carousel9 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.5px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  position: relative;
  opacity: 1 !important;
}



.pxl-slider-carousel9 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #e7dcc9 !important;
  opacity: 1 !important;
}
.pxl-slider-carousel9 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 8px;
  height: 8px;
}
.pxl-slider-carousel9 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 8px;
  height: 8px;
}

/*
.pxl-slider-carousel4 .item--button:first-child {
  background-color: transparent !important;
  color: #FFF;
}

.pxl-slider-carousel4 .item--button {
 background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  margin-right: 30px;
  -webkit-transform: none;
  -khtml-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
	
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  font-size: 12px!important;
  line-height: 2!important;
  font-weight: 700!important;
  padding: 11px 37px !important;
  text-align: center;

  background-color: transparent !important;
  border: 1px solid var(--fourth-color) !important;
	
}*/

.wpcf7 form {
    max-width: 700px;
}

.wpcf7 h3 {
    margin-top: 40px;
    letter-spacing: 2px;
    font-size: 14px;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 18px;
    border: none;
    background: #404040;
    font-size: 15px;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    outline: none;
    background: #585858;
}

.wpcf7-submit {
    background: black;
    color: white;
    padding: 16px 40px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Campo telefone - dark mode */
.lux-phone {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
    padding: 18px 18px 18px 110px !important;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

/* Focus elegante */
.lux-phone:focus {
    outline: none !important;
    border-color: #666666 !important;
    background-color: #151515 !important;
}

/* Container intl-tel-input */
.iti {
    width: 100%;
}

/* Área da bandeira */
.iti__selected-flag {
    background-color: #111111 !important;
    border-right: 1px solid #2a2a2a !important;
}

/* Dropdown países */
.iti__country-list {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
}

/* Hover nos países */
.iti__country:hover {
    background-color: #2a2a2a !important;
}

/* Código do país */
.iti__dial-code {
    color: #aaaaaa !important;
}

/* Placeholder elegante */
.lux-phone::placeholder {
    color: #777777 !important;
}
.elementor-slideshow__footer{
	display:none !important;
}
.swiper-slide-image, .swiper-slide-inner{
	border-radius:6px!important;
}
.pxl-slider-carousel6 .pxl-item--social {
	
	display:none !important
}
.pxl-slider-carousel6 .pxl-item--content {

  padding: 0 !important;
}

.pxl-slider-carousel6 .pxl-title-logo {

	display:none !important	
}

.pxl-carousel-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.logo-dark{
	max-width:none
}

.pxl-slider-carousel6 .pxl-item--inner, .pxl-slider-carousel6 .pxl-item--inner:after {

  border-radius: 16px !important;

}
@media screen and (min-width: 1024px) {
.pxl-swiper-container{
	width: calc(100vw ) !important;
	left:0;
	margin-left:-100px;
}
.pxl-slider-carousel6 {
	width: 100% !important;
}
.pxl-slider-carousel6 .pxl-carousel-inner{
	position:relative; width: 100vw !important; left:-100px;
	
}
}
.mahalo-map-wrapper {

    /*transform: translateY(60px);*/
    transition: all 1.2s ease;
	 aspect-ratio: 2.7 / 1;
}

.mahalo-map-wrapper.visible {
    opacity: 1;
    transform: translateY(0);
}

.mahalo-map {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.map-base {
    width: 100%;
    display: block;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

.overlay.active {
    opacity: 1;
}

/* PONTOS */
.map-point {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #c6a46c;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

/* Glow animado */
.map-point::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(198,164,108,0.6);
    animation: glow 2.5s infinite;
}

@keyframes glow {
    0% { transform: scale(1); opacity: 0.7; }
    70% { transform: scale(3.5); opacity: 0; }
    100% { opacity: 0; }
}

/* TOOLTIP */
.map-tooltip {
	
	font-family: 'Sora', sans-serif;

    font-size: 15px;
    line-height: 24px;
    letter-spacing: 2px;
	text-align:center;
		
    position: absolute;
    padding: 8px 14px;
    background: rgba(255,255,230,0.85);
    color: #000;
  

    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -120%);
    transition: opacity 0.2s ease;
    white-space: nowrap;
}

.map-tooltip.active {
    opacity: 1;
}

.overlay {
    z-index: 2;
}

.map-base {
    z-index: 1;
    position: relative;
}

.map-point {
    z-index: 3;
}

.map-tooltip {
    z-index: 4;
}

/*----*/
/* WRAPPER */
.destinations-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Scroll container */
.destinations {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 0 40px;
    cursor: grab;
}

.destinations.dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

/* Remove scrollbar */
.destinations::-webkit-scrollbar {
    display: none;
}

/* CARDS */
.destination-card {
    flex: 0 0 25%;
    aspect-ratio: 1.3 / 1;
    border-radius: 14px;
    overflow: hidden;
    scroll-snap-align: start;
    position: relative;
}



/* Background */
.card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 1.2s ease;
}

.destination-card:hover .card-bg {
    transform: scale(1.06);
}

/* Gradient */
.card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
}


/* Pin icon */
.card-pin {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.85);
    border-radius: 6px;
    display: none; /* flex;*/
    align-items: center;
    justify-content: center;
}

.card-pin::before {
    content: "📍";
    font-size: 20px;
}


/* Text */
.card-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}

.card-content .season {
    font-size: 13px;
    opacity: 0.8;
    display: block;
    margin-bottom: 6px;
}

.card-content h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 400;
}

/* MOBILE */
@media (max-width: 768px) {
	.destinations-wrapper{
		margin-top:20px;
	}
    .destination-card {
        flex: 0 0 80%;
    }

}

.destinations-wrapper::before,
.destinations-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.destination-card.active .card-bg {
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
     transform: scale(1.06);
}

.elementor-section-height-full1 {
    height: 90vh !important;      
    height: 90dvh !important;    
}
.header-mobile-fixed {
	position:absolute !important;
	padding:0 !important
}
.bgvideo04{
	opacity:0.4 !important; 
}
.bgvideo05{
	opacity:0.5 !important; 
}
.bgvideo06{
	opacity:0.6 !important; 
}
.bgvideo07{
	opacity:0.7 !important; 
}
.bgvideo08{
	opacity:0.8 !important; 
}
.ovlvideo{
	 height: 100vh !important;      
    height: 100dvh !important;  
	background-color:#000 !important; 
	opacity:0.4 !important; 
	
	visibility:1;
	z-index:9;
	
}


@media screen and (min-width: 1024px) {
    .pxl-swiper-container {
        width: 100% !important;
        left: 0;
        margin-left: 0;
    }
}
.pxl-swiper-container {
    margin: 0 !important;
}

.pxl-mailchimp {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.pxl-mailchimp .mc4wp-alert p {
	color:#444444 !important
}
	
}
 



.pxl-slider-carousel9 .pxl-swiper-slide {
    position: relative;
}

.pxl-slider-carousel9 .pxl-swiper-slide .item--image {
    position: relative;
    z-index: 1;
}

.pxl-slider-carousel9 .pxl-swiper-slide .item--image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.4) 60%,
        rgba(0,0,0,0) 100%
    );
    pointer-events: none;
    z-index: 2;
}

.pxl-slider-carousel9 .pxl-swiper-slide .pxl-item--content {
    position: absolute;
 
    z-index: 3;
}