body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2 {
line-height: 100%!important;
  
}


body.gallery .title-element > *{
  max-width: 90%!important;
}
div[data-content-module-id="15572330"],
div[data-content-module-id="15572330"] *, #content_page_wrapper ._4ORMAT_content_page_container {
  overflow: visible !important;
}


footer{
  background:#FFFEFB!important;
  margin-bottom:20px;
}

main{
  padding: 0 1.25vw!important;
}

div[data-content-module-id="15570804"] {
  overflow: visible !important;
}
.constrained-width-wrapper{
  max-width:100%!important;
}

#content_page_wrapper img{
    max-width: 200vw !important;
}

.f_client_gallery{
  grid-template-columns: repeat(auto-fill, 400px)!important;
}



    .f_client_gallery .f_asset_inner {
        height: auto!important;
        width: 100%!important;
    }
    
    .f_client_gallery .f_asset_inner img{
      max-height: max-content!important;
      max-width: 100%!important;
    }
    
     .f_client_header {
      display: none!important;
    }
    
    .overlay_text_copy{
      color:white!important;
    }
    
    .client_page .f_assets-container{
      margin: 0!important;
    }
    
    
    .client_page .header{
      display:none!important;
    }
    
    
    .f_asset-filename{
      display: none;
    }
    
    
    
    .threecol{
      padding-left: 4px!important;
      padding-right: 4px!important;
    }
    
    #content_page_wrapper ._4ORMAT_content_page_row {

    max-width: 100%!important;

}

#content_page_wrapper [data-content-module-removable], #content_page_wrapper [data-content-module-removable] .onecol, #content_page_wrapper [data-content-module-removable] .twocol, #content_page_wrapper [data-content-module-removable] .threecol, #content_page_wrapper [data-content-module-removable] .fourcol, #content_page_wrapper [data-content-module-removable] .fivecol, #content_page_wrapper [data-content-module-removable] .sixcol, #content_page_wrapper [data-content-module-removable] .sevencol, #content_page_wrapper [data-content-module-removable] .eightcol, #content_page_wrapper [data-content-module-removable] .ninecol, #content_page_wrapper [data-content-module-removable] .tencol, #content_page_wrapper [data-content-module-removable] .elevencol, #content_page_wrapper [data-content-module-removable] .twelvecol{
  padding:0!important;
}


/* Header Layout */

.header .wrapper{
  padding: .5vw 1.25vw!important;
  margin: 0!important;
}


.custom-header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  position: relative;
}

.header-left,
.header-center,
.header-right {
  
  display: flex;
  align-items: center;
}

.header-left {
  justify-content: flex-start;
}

.header-center {
  justify-content: center;
}

.header-right {
  justify-content: flex-end;
}

.header-center {
  position: absolute;
  left: 50%;                /* Lo lleva al centro del contenedor */
  transform: translateX(-50%); /* Lo centra exactamente */
}

/* Menu link */
.menu-link {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

/* CTA Button */
.cta-button {
  background: #0F0F0F;
  color: #F9F7EF;
  padding: 0px 10px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  font-family: Italiana !important;

}
.cta-button:hover, .cta-primary-button:hover, .cta-ghost-button:hover {
  background: #FFFFEF;
  color: #0F0F0F;
}

.cta-ghost-button {
  background:  #F9F7EF;
  color: #0F0F0F;
  border: 1px solid #0F0F0F;
  padding: 10px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  font-family: Italiana !important;
}
.cta-ghost-button:hover{
  border: 1px solid #FFFFEF;
}

.cta-ghost-button a, .cta-primary-button a{
  font-style: normal!important;
  color:inherit!important;
  text-decoration:none!important;
}


.cta-primary-button {
  background:  #0F0F0F;
  color: #F9F7EF;
  padding: 10px 16px;
  border-radius: 4px;
  border:none!important;
  text-decoration: none;
  font-weight: 600!imoprtant;
  transition: background 0.3s ease;
  font-family: Italiana !important;
}

.cta-primary-button a{
    font-weight: 600!important;
}


/* Sidebar Styles */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  background-color: #F9F7EF;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 60px;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

.sidebar.open {
   transition: width 0.4s ease-in-out;
  width: 300px;
}

.sidebar .closebtn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 56px;
  text-decoration: none;
  color: #000;
}

.sidebar-content {
  padding: 20px;
}

.sidebar-content nav ul {
  list-style: none;
  padding: 0;
}

.sidebar-content nav ul li {
  margin-bottom: 15px;
  font-size: 36px !important;
  position: relative; /* Needed for the ::after underline */
  display: inline-block; /* Keeps underline aligned with text */
  
  opacity: 0;                  /* hidden by default */
  transform: translateY(10px); /* small slide effect */
  transition: opacity 1.3s ease, transform 1.3s ease;
}

/* When sidebar opens, fade in */
.sidebar.open .sidebar-content nav ul li {
  opacity: 1;
  transform: translateY(0);
}


/* Create the underline */
.sidebar-content nav ul li:not(.social-item) a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; /* Adjust space under text */
  width: 0;
  opacity: 0;
  height: 2px;
  background-color: currentColor; /* Uses text color */
  transition: width 0.7s ease-in-out;
}

/* Expand underline on hover */
.sidebar-content nav ul li:not(.social-item) a:hover::after {
  opacity: 100;
  width: 100%;
}

.social li.social-item {
  margin: 0!important;
  width: 36px;
  cursor: pointer!important;
}


.social .social-link .social-icon, .social .social-share .social-icon svg {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain; /* keep aspect ratio */
  }
  
  /* Subtle shake animation */
@keyframes shake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-1px); }
  20% { transform: translateX(1px); }
  30% { transform: translateX(-1px); }
  40% { transform: translateX(1px); }
  50% { transform: translateX(-1px); }
  60% { transform: translateX(1px); }
  70% { transform: translateX(-1px); }
  80% { transform: translateX(1px); }
  90% { transform: translateX(-1px); }
  100% { transform: translateX(0); }
}

/* Apply subtle shake on hover */
.social .social-link .social-icon:hover,
.social .social-share .social-icon svg:hover {
    animation: shake 0.5s ease-in-out;
}

h1{
  line-height:100%;
}


/* Ensure navbar is always on top */
.custom-header {
  z-index: 9999; /* High value to stay above everything */
  position: relative; /* Keep fixed if menu_fixed_position is true */
}

/* If menu_fixed_position is enabled, make it fixed on top */
.custom-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/* Swiper gallery */

body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) #content_page_wrapper:not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) #content_page_wrapper:not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row {
  padding-top: 0!important;
}

.format-slideshow__slide-image{
  border-radius: 8px;
}

 h2{
  font-size: clamp(3rem, calc(3rem +  4.5vw), 8.4rem)!important;
  line-height: 100%!important;
  font-family: Italiana !important;
  width:90%!important;
  margin: 0 auto 0.6em auto!important;
  text-align:center;
}

body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) #content_page_wrapper:not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) #content_page_wrapper:not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row
 {
    padding-bottom: 0px!important;
}

#slideshow_01 {
  width: 80%;             /* Start at 80% width */
  max-width: 100%;
   aspect-ratio: 3 / 2;    
  transition: width 0.5s ease-out; /* Smooth transition as width changes */
  margin: 0 auto;         /* Center horizontally */
}

.tns-slider{
 /* height: 80vh; */
  height: 100%;
}
#content_page_wrapper .format-slideshow--slideshow_01 .format-slideshow__slide{
  height: 100%!important;
}

/* Mobile adjustments */
@media (max-width: 767px) {

    .sidebar {
    top: 0;
    right: 0;          /* Start from the right */
    left: auto;        /* Cancel left */
    width: 0;          /* Hidden by default */
    height: 100%;
    transition: width 0.4s ease-in-out;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); /* Shadow from right */
  }

  .sidebar.open {
    width: 100%;       /* Full width on open */
  }

  .sidebar .closebtn {
    right: 20px;       /* Close button on right side */
    left: auto;
  }
  /* Remove right header CTA */
  .header-right { display: none; }

  /* Reorder logo and menu for mobile */
  .custom-header .wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 10px !important;
  }
  
  #content_page_wrapper ._4ORMAT_content_page_row #twelvecol-267736934{
    padding-bottom: 0!important;
  }

  /* Logo on left */
  .header-center {
    order: 0; /* Move to left */
    justify-content: flex-start;
    flex: 1;
    position:relative;
    left: 0;
    transform: translateX(0);
  }
  

  /* Menu link on right */
  .header-left {
    order: 1; /* Move to right */
    justify-content: flex-end;
    flex: 0;
  }

  /* Make sure header wrapper has zero margin */
  .header.center-aligned .wrapper,
  .header.right-aligned .wrapper,
  .header.collapsed .wrapper {
    margin: 0 !important;
  }
  
  .main-menu li{
    width: 100%;
  }
 h2{
  font-size: clamp(2rem, calc(3rem +  2.5vw), 8.4rem)!important;
  line-height: 100%!important;
  font-family: Italiana !important;
}



.header{
  padding: 0!important;
}
}


div[data-content-module-id="15567638"] {
  margin: 48px 0;
  position: relative;
  height: 120vh;
}

div[data-content-module-id="15567638"] .fourcol {
  position: absolute;
  padding: 0!important;
  background-attachment: scroll !important;
}

div[data-content-module-id="15567638"] .fourcol img {
  height: auto !important;
  max-height: 3000px !important;
  object-fit: contain;

}

/* Estado inicial: invisible */
div[data-content-module-id="15567638"] .fourcol {
  opacity: 0;
  transform: translateY(20px); /* pequeño desplazamiento hacia abajo al inicio */
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Clase que se agrega cuando queremos mostrar el elemento */
div[data-content-module-id="15567638"] .fourcol.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Opcional: retrasos específicos por hijo */
div[data-content-module-id="15567638"] .fourcol:nth-child(3).visible {
  transition-delay: 0s;
}
div[data-content-module-id="15567638"] .fourcol:nth-child(2).visible {
  transition-delay: 0.3s;
}
div[data-content-module-id="15567638"] .fourcol:nth-child(1).visible {
  transition-delay: 0.6s;
}

/* hasta aca la animaci´ón */


/* Primer fourcol → abajo izquierda */
div[data-content-module-id="15567638"] .fourcol:nth-child(1) {
  bottom: 25%;
  left: 0;
   z-index: 4;
}

div[data-content-module-id="15567638"] {
  overflow:visible!important;
}

div[data-content-module-id="15567638"] .fourcol:nth-child(1) img {
  width: 20vw !important;
   }

/* Segundo fourcol → centro */
div[data-content-module-id="15567638"] .fourcol:nth-child(2) {
  top: 30%; /* antes era 50% */
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
}
div[data-content-module-id="15567638"] .fourcol:nth-child(2) img {
  width: 30vw!important;
display:block;
}

/* Tercer fourcol → arriba derecha */
div[data-content-module-id="15567638"] .fourcol:nth-child(3) {
  top: 0;
  right: 0;
    z-index: 3;
      transform: translateX(-50%); /* mueve la mitad del ancho de la imagen hacia adentro */

}
div[data-content-module-id="15567638"] .fourcol:nth-child(3) img {
  width: 50vw !important;
}


body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li{
  font-size: 48px!important;
  line-height: 56px!important;
  font-family: Italiana !important;
  max-width: 900px;
  margin: 0 auto;
  font-style:normal!important;
}



@media (max-width: 767px) {
#content_page_wrapper [data-content-module-removable] .fourcol{
  width: auto!important;
}

div[data-content-module-id="15567638"] .fourcol:nth-child(3) {
      transform: translateX(0%);
}

div[data-content-module-id="15567638"] {
  height: 50vh;
}

div[data-content-module-id="15567638"] .fourcol:nth-child(1) {
  bottom: 0;
}

div[data-content-module-id="15567638"] .fourcol:nth-child(1) img {
  width: 40vw !important;
   }
   
   
body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li{
  font-size: 32px!important;
  line-height: 40px!important;
  max-width: 100%;
}


}

/* Section full width, flex column, centered */
.albums-section {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;   /* horizontal center */
  justify-content: center; /* vertical center */
  width: 100%;
  min-height: 70vh;      /* full viewport height */
  text-align: center;
  padding: 72px;
  box-sizing: border-box;
}


.albums-section button{
  display:none!important;
}


#hover-image {
   position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;  /* ajustable */
    height: auto;
    opacity: 0;
    transform: translate(-50%, -50%) translateX(100px);
    pointer-events: none;
    transition: opacity 1.5s ease;
    z-index: 1000;
  }


/* H2 styling */
.albums-section h2 {

  margin-bottom: 1rem;
}

/* Link styling */
.albums-section .album-link {
  font-family: Italiana!important;
  font-size: 80px;
  line-height:100%;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(15, 15, 15, 0.7);
     font-style: normal!important;

}

/* Hover effect */
.albums-section .album-link:hover {
  opacity: 1;
  text-decoration:none!important;
   border-bottom: 2px solid #0F0F0F;
}

#mobile-image{
  display:none!important;
}


  
  
@media (max-width: 767px) {
  
  .albums-section{
    padding:0;
  }
  #content_page_wrapper [data-content-module-removable], #content_page_wrapper [data-content-module-removable] .onecol, #content_page_wrapper [data-content-module-removable] .twocol, #content_page_wrapper [data-content-module-removable] .threecol, #content_page_wrapper [data-content-module-removable] .fourcol, #content_page_wrapper [data-content-module-removable] .fivecol, #content_page_wrapper [data-content-module-removable] .sixcol, #content_page_wrapper [data-content-module-removable] .sevencol, #content_page_wrapper [data-content-module-removable] .eightcol, #content_page_wrapper [data-content-module-removable] .ninecol, #content_page_wrapper [data-content-module-removable] .tencol, #content_page_wrapper [data-content-module-removable] .elevencol, #content_page_wrapper [data-content-module-removable] .twelvecol{
    padding: 0!important;
  }
  
  .albums-section button{
  display:inline-block!important;
}
  .portfolio-title{
    
  }
  .albums-section {
  gap: 100px;
  }
  .albums-section .album-link {
  font-size: 48px;
  opacity: 1;
  border-bottom: none;
  padding-bottom: 14px;
}
#mobile-image{
  padding:20px 0;
  display:block!important;
}

}

.format-slideshow svg{
  display:none!important;
}

/*Testimonials start*/

/* Testimonials end*/


.listing_page #assets{
  display:flex!important;
  flex-direction: column!important;
}

.listing_page  .masonry.grid .asset{
  width:100%!important;
}
body.listing .masonry.grid .asset{
    margin: 8px 0 !important;

}

.listing_page .title .copy {
  color: #F9F7EF!important;
  font-family: Italiana!important;
  font-size: 68px!important;
  
}

body.listing .asset.hover .title
{
      background-color: rgba(15, 15, 15, 0.6);

}

#content_page_wrapper h2{
  padding: 0px 0 12px 0;
}

 #title_1, .text h2{
  padding: 80px 0 12px 0;
}

/*#content_page_wrapper h2, .text h2{
  padding: 80px 0 12px 0;
}*/

div[data-id="1"]{
  position:relative!important;
}

.listing .title-element{
  padding-top: 0px;
}

/*

.listing .title-element{
  padding-top: 80px;
}
*/

body.listing .title-element{
  padding-bottom: 12px!important;
}




 h2:after{
  display:none!important;
}



/* Masonry de Yoga Photography */


div[data-editable-type="link-set"] {
  padding-top: 80px!important;
}

div[data-editable-type="link-set"] .threecol{
  
  position:relative!important;
  top:0!important;
  left:0!important;

}

#content_page_wrapper [data-content-module-removable] .threecol {
width:100%!important;
}

#content_page_wrapper [data-content-module-removable] .threecol a {
width:100%!important;
display:flex!important;
}

#content_page_wrapper [data-content-module-removable] .threecol a img {
width:70%!important;
height: auto!important;
}


#content_page_wrapper [data-content-module-removable] .threecol a p {
 width:30%!important;
  text-align:left!important;
  margin-left: 20px;
}

body.gallery .title-element p, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p a{
  text-align:center!important;
  font-size: 32px!important;
}

@media (max-width: 767px) {
  
   #title_1, .text h2{
  padding: 0px 0 12px 0;
}

  
#content_page_wrapper [data-content-module-removable] .threecol a {
  flex-direction:column!important
}

#content_page_wrapper [data-content-module-removable] .threecol a img {
width:100%!important;
}


#content_page_wrapper [data-content-module-removable] .threecol a p {
 width:100%!important;
  margin-left: 0px;
}
}


/* END Masonry de Yoga Photography */

.col1, .col2{
  width:100%!important;
  position:relative!important;
  top:0!important;
  left:0!important;
}

.asset {
  margin-bottom:0px!important;
}