/*
Theme Name: Hello Elementor Child theme of hello-elementor
Theme URI: 
Description: Child theme of hello-elementor theme for the Hello Elementor theme
Author: <a href="https://elementor.com/?utm_source=wp-themes&#038;utm_campaign=author-uri&#038;utm_medium=wp-dash">Elementor Team</a>
Author URI: 
Template: hello-elementor
Version: 3.4.4
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 10 Sep 2025 10:00:54 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/



/* =======================
CUSTOM CSS
* ======================= */

html, body {
  overflow-x: hidden;
}


.image-bleed-right{

  margin-right: calc((100vw - 1187px)/2 * -1);
	
}

.image-bleed-left{

  margin-left: calc((100vw - 1455px)/2 * -1);
	
}
.product-container:hover  .product-hover-arrow {
  opacity: 1;
	 transition:
    opacity 0.25s ease,   
		 transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* ingen delay vid utgång */
}

.product-container:hover .product-hover-title{
  opacity: 1;

 transition:
    opacity 0.25s ease,
    transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* ingen delay vid utgång */

  transform: translateY(0) scale(1);
}

.product-hover-arrow{
	  opacity:0;
	
}

.product-hover-title {
  opacity:0;
  position: relative;
  bottom: 5px;
  left: -2px;

 
  color: black;

  padding: 0.5em 1.5em;
 backdrop-filter: blur(6px); background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
	border-left: 2px solid black;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	
	  transform: translateY(12px) scale(0.98);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.25s ease;
}

@media (max-width: 768px) {
  /* Lägg dina mobilregler här */
  .product-hover-title {
	   opacity:1;
	}
	  .product-hover-arrow {
	   opacity:1;
	}
}

/* =======================
END CUSTOM CSS
* ======================= */