/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/*--ITEMS SCROLL---*/

/*--------------------------------------------------
  Sistema de scroll horizontal en móvil con vuelta
  a grid/flex normal en breakpoints superiores.
  Combina .items-scroll con .items-no-scroll-{bp}
  Breakpoints: sm 575 | md 768 | lg 1024 | xl 1140
  Nota: selector .e-con necesario para sobreescribir
  overflow: visible de Elementor
--------------------------------------------------*/

/* -- items en scroll -- */

.items-scroll.e-con,
.items-scroll .elementor-loop-container {
  flex-direction: row!important;
  flex-wrap: nowrap!important;
  overflow-x: scroll!important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.items-scroll.e-con {
  display: flex!important;
}

.items-scroll .elementor-loop-container {
  display: grid!important;
}


.items-scroll > .item,
.items-scroll .elementor-loop-container .e-loop-item {
  flex-grow:0;
  flex-shrink: 0;
  margin-bottom: 10px;
  scroll-snap-align: start;
} 

.items-scroll.e-con, .items-scroll .elementor-loop-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}


@media (min-width: 575px) {

  .items-scroll-sm,
  .items-scroll-sm .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
   .items-scroll-sm {
    display: flex;
  }
	
   .items-scroll-sm .elementor-loop-container{
    display: grid;
  }

   .items-no-scroll-sm.e-con,
   .items-no-scroll-sm.items-scroll .elementor-loop-container {
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  	}
	
	.items-no-scroll-sm.e-con {
    display: flex !important;
  	}
	
	.items-no-scroll-sm.items-scroll .elementor-loop-container {
    display: grid !important;
	}

  .items-no-scroll-sm > .item,
  .items-no-scroll-sm.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 

}

@media (min-width: 768px) {

  .items-scroll-md,
  .items-scroll-md .elementor-loop-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-md{
    display: flex;
  }

  .items-scroll-md .elementor-loop-container{
    display: grid;
  }

  .items-no-scroll-md.e-con,
  .items-no-scroll-md.items-scroll .elementor-loop-container{
    display: flex !important;
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-md.e-con {
    display: flex !important;
  }
	
  .items-no-scroll-md.items-scroll .elementor-loop-container{
    display: grid !important;
  }

  .items-no-scroll-md > .item,
  .items-no-scroll-md.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  }
	
  .items-scroll::-webkit-scrollbar,
  .items-scroll .elementor-loop-container::-webkit-scrollbar {
    height: 10px!important;
  }

}

@media (min-width: 1024px) {

  .items-scroll-lg,
  .items-scroll-lg .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-lg {
    display: flex;
  }
	
  .items-scroll-lg .elementor-loop-container {
	display: grid;	
  }

  .items-no-scroll-lg.e-con,
  .items-no-scroll-lg.items-scroll .elementor-loop-container {
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-lg.e-con {
	display: flex !important;
  }
	
  .items-no-scroll-lg.items-scroll .elementor-loop-container {
	display: grid!important;
  }

  .items-no-scroll-lg > .item,
  .items-no-scroll-lg.items-scroll .elementor-loop-container .e-loop-item{
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 
}

@media (min-width: 1140px) {

  .items-scroll-xl,
  .items-scroll-xl .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-xl {
    display: flex;
  }
	
  .items-scroll-xl .elementor-loop-container {
	display: grid;	
  }

  .items-no-scroll-xl.e-con,
  .items-no-scroll-xl.items-scroll .elementor-loop-container{
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-xl.e-con {
    display: flex !important;
  }
	
  .items-no-scroll-xl.items-scroll .elementor-loop-container{
    display: grid !important;
  }

  .items-no-scroll-xl > .item,
  .items-no-scroll-xl.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 
}


  /* Let's get this party started */
  .items-scroll::-webkit-scrollbar,
  .items-scroll .elementor-loop-container::-webkit-scrollbar {
    height: 2px;
  }
   
  /* Track */
  .items-scroll::-webkit-scrollbar-track,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
   
  /* Handle */
  .items-scroll::-webkit-scrollbar-thumb,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-thumb{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: var(--e-global-color-primary); 
    //-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  }

  .items-scroll::-webkit-scrollbar-thumb:window-inactive,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(10, 162, 177, .3); 
  }