/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738949757
Updated: 2025-02-07 17:35:57

*/


:root {
	/*
	--verde: #95C11F;
	--rosa: #DF9896;
	*/
	--verde: #422200;
	--rosa: #B3A16E;
}

/****************** MORE LINK ***************/
.more-link {
  padding: 0 0 1px;
  display: inline-flex;
  align-items: center;
  line-height: 16px;
  font-size: 18px;
  height: auto;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}

.more-link:after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.4s ease, opacity 0.4s ease;
  background-color: var(--rosa);

  -webkit-mask-image: url("https://skinlounge.it/wp-content/uploads/2025/03/read-more.svg");
  mask-image: url("https://skinlounge.it/wp-content/uploads/2025/03/read-more.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  opacity: 0;
  transform: translateX(-10px);
}

.more-link .text {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 16px;
  vertical-align: middle;
  white-space: nowrap;
  color: var(--rosa);
}

.wrap-more-link a:hover .more-link:after,
a.wrap-more-link:hover .more-link:after
{
  opacity: 1;
  transform: translateX(6px);
}



/****************** MORE LINK BLOG ***************/
.wrap-more-link.blog .more-link:after {
	background-color: var(--rosa);
}
.wrap-more-link.blog .text {
	color:var(--rosa);
}
.wrap-more-link.blog:hover .text {
	max-width: 100px;
  opacity: 1;
  margin-right: 6px;
	color:var(--rosa);
}


/****************** NAVIGAZIONE CAROSELLI ***************/
.swiper-pagination-bullet {
  transition: width 0.3s ease-out, background-color 0.3s ease;
  background-color: #ccc; 
  width: 10px; 
  height: 10px;
}

.swiper-pagination-bullet-active {
  width: 30px !important; 
  background-color: var(--rosa) !important; 
  border-radius: 10px !important; 
  transition: width 0.3s ease-out, background-color 0.3s ease;
}


/****************** RESPONSIVE ***************/
@media(max-width:600px){
	br{
		display:none !important;
	}
}