/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/** ----- Général ----- **/
 p {
	margin-bottom: 0 !important;
}
/* @media(max-width: 1024px){
	footer,
	.page-content,
	.single-post {
		overflow-x: hidden !important;
	}
} */


/** ----- Animation Accordeon ----- **/
.balado-wrap,
.balado-content{
  flex:1 1 0;
}
@media (min-width: 767px) {
  .jet-listing-grid__item:not(.is-open) .balado-wrap{
    flex:1;
  }
  .jet-listing-grid__item:not(.is-open) .balado-content{
    flex:0;
  }
  .jet-listing-grid__item.is-open .balado-wrap,
  .jet-listing-grid__item.is-open .balado-content{
    flex:1;
  }
}
.jet-listing-grid__item .balado-content{
  max-height: 0;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition:
    max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.6s ease,
    transform 0.6s ease;
}
.jet-listing-grid__item .balado-content .elementor-widget-container{
  opacity: 0;
}
.jet-listing-grid__item.is-open .balado-content{
  max-height: 1200px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.jet-listing-grid__item.is-open .balado-content .elementor-widget-container{
  opacity: 1;
}
.jet-listing-grid__item.is-open .balado-card {
  background-color: var(--item-bg) !important;
} 


/** ----- Style bouton accordeon ----- **/
.jet-listing-grid__item .btn-hover-gradient .elementor-button,
.btn-shadow .elementor-button {
  box-shadow: 4px 4px 0px 0px var(--item-shadow) !important;
}


/** ----- Animation Bouton Gradient Optimisée ----- **/
.btn-hover-gradient .elementor-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
	
  --mx: calc(100% - 20px);
  --my: calc(100% - 20px);
}
.btn-hover-gradient .elementor-button::before {
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;

  background: radial-gradient(
    circle,
    rgba(255,255,255,0.25) 0%,
    rgba(255,255,255,0.10) 50%,
	transparent,
    transparent
  );

  left: var(--mx);
  top:  var(--my);
  transform: translate(-50%, -50%);

  opacity: 1;

  transition:
    opacity .25s ease;

  pointer-events:none;
  z-index: 0;
}
.btn-hover-gradient .elementor-button:hover::before {
  opacity: 1;
}
.btn-hover-gradient .elementor-button > * {
  position: relative;
  z-index: 1;
}
.btn-hover-gradient .elementor-button::before{
  transition: opacity .2s ease;
}
.btn-hover-gradient .elementor-button.is-returning::before{
  transition:
    left 1s ease-out,
    top  1s ease-out,
    opacity .2s ease;
}

/** ----- Animation Bulles illustration ----- **/
.float-bubble {
  animation: bubbleFloat 8s linear infinite;
}
@keyframes bubbleFloat {
  0% {
    transform: translateY(0) scale(1);
  }
  25% {
    transform: translateY(-15px) scale(1.03);
  }
  50% {
    transform: translateY(-25px) scale(1.05);
  }
  75% {
    transform: translateY(-15px) scale(1.02);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}


/** ----- Animation Hero ----- **/
.wrap-nikan {
    width: 320px;
    height: 320px;
    
    cursor: pointer;
}
@media (max-width: 1024px) {
    .wrap-nikan {
        width: 280px;
        height: 280px;
    }
}
@media (max-width: 767px) {
    .wrap-nikan {
        width: 120px;
        height: 120px;
    }
}
.arrow-nikan img {
  transition: transform .6s cubic-bezier(.34,1.56,.64,1);
}
.wrap-nikan:hover .arrow-nikan img {
  transform: translateX(2px) scale(1.08);
}
.rotating-text {
  display:inline-block;
  line-height:1;
  transform-origin:center;
  animation:spin 10s linear infinite;
}
@keyframes spin{
  from{ transform:rotate(0); }
  to{ transform:rotate(360deg); }
}
/* Côté feuilles*/
.zoom-out {
  animation: zoomOut 0.8s ease-out forwards;
}
@keyframes zoomOut {
  from {
    transform: scale(3);
  }
  to {
    transform: scale(1);
  }
}
/* Arbres */
.zoom-in {
  opacity: 0;
  animation:
    fadeZoomIn 0.6s ease-in 0.4s forwards; 
}
@keyframes fadeZoomIn {
  from {
    opacity: 0;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.6);
  }
} */