/* 
Theme Name: Farmacia Santa Daria
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 */
#wpadminbar {
	display: none;
}
a{
	text-decoration: none !Important
}
.hfe-retina-image-container{
	line-height: 0
}
.header-custom{
    margin-top: 20px;
    border-radius: 30px;
    padding: 20px 25px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
}
.elementor-icon-box-title{
	margin:0	
}
.elementor-1124  {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 99;
	transition:.3s !Important;
}
.fixed{
	top:-52px
}
.wpr-logo{
	width:150px;
	border:0 !important;
	overflow: hidden;
	transition:.3s !Important;
}
.wpr-mobile-nav-menu {
	margin-top:40px !important;
}



.wpr-logo img{
	transition:.2s !Important;
	transform: scale(1);
    transform-origin: top;
}
.fixed .wpr-logo img {
    transform: scale(1.95);
    transform-origin: top;
}




.scroll-down {
	position:absolute;
	bottom:10%;
	left:calc(50% - 25px)
}
.carousel-slider__item img{
	border-radius: 30px 30px 40px 40px 
}
.carousel-slider .carousel-slider__caption {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color:#fff;
    z-index: 99
}
.carousel-slider .carousel-slider__caption h4{
	color: #4f4d4d !important;
	font-family: "Fraunces", Sans-serif !Important;
    font-size: 32px !Important;
    font-weight: 500 !Important;
    letter-spacing: -2px !Important;
    margin: 0 !Important;
    text-align:left !important	
}
.carousel-slider .carousel-slider__caption p{
	color: #4f4d4d !important;
    font-size: 17px !Important;
    margin: 0 !Important;
    font-weight: 400 !Important;
    text-align:left !important;
    margin-top:10px !important
}
.carousel-slider__item:after{
	content:'';
	position: absolute;
	top: 0;
	left:0;
	height: 100%;
	width:100%;
	background: linear-gradient(180deg, #ffffff1f 0%, #ffe0df 70%);
	border-radius: 30px
}
 .carousel-slider .owl-nav.disabled{
 	display:block;
 	position: absolute;
    top: 0;
    right: 50px;
    padding: 5px
}
.carousel-slider .owl-prev,
.carousel-slider .owl-next{
 	background:#92cfa5 !Important;
 	border-radius: 50%
 }
 .carousel-slider .owl-stage-outer{
 	padding-top:40px
 }
.carousel-slider svg{
	padding:10px
}
.carousel-slider .owl-nav .owl-next:hover, .carousel-slider .owl-nav .owl-prev:hover{
	background:#fff !Important;
	color: #4f4d4d;
	border:1px solid #4f4d4d
}
.wapp-block .elementor-button svg{
	height: 27px;
    width: 20px;
    margin: 0 10px 0 0;
}
.wapp-block:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: -10%;
    left: unset;
    width: 50%;
    height: 140%;
    background-image: url(https://farmaciasantadaria.it/wp-content/uploads/2025/03/texture-w.svg);
    background-repeat: no-repeat;
    background-size: 110%;
    top: -20%;
    opacity: .4;
}
.wapp-block{
	overflow: hidden;
}
#scroll{
	overflow: hidden;
}
#scroll:before{
	content: '';
    position: absolute;
    bottom: 0;
    right: -10%;
    left: unset;
    width: 50%;
    height: 140%;
    background-image: url(https://farmaciasantadaria.it/wp-content/uploads/2025/03/texture-w.svg);
    background-repeat: no-repeat;
    background-size: 110%;
    top: -20%;
    opacity: .6;
}
#scroll:after{
	content: '';
    position: absolute;
    bottom: 5%;
    left: 0%;
    width: 50%;
    height: 400px;
    background-image: url(https://farmaciasantadaria.it/wp-content/uploads/2025/03/texture-logo.svg);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 15% 95%;
    opacity: .5;
}
footer a {
	color: #fff !important
}
.premium-blog-content-wrapper {
	background: #fff !Important;
    padding: 25px !important;
    border-radius: 0  0 30px 30px;
    top: unset;
}
.premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper{
	position:relative;
	bottom:0;
}
.elementor-69 .elementor-element.elementor-element-a473e7a .premium-blog-post-container{
	background-color: transparent
}
.elementor-widget-premium-addon-blog .premium-blog-entry-title, .elementor-widget-premium-addon-blog .premium-blog-entry-title a{
	font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    color: #4F4D4D !important;
}
.premium-blog-post-outer-container{
	width:30%!important;
	margin-bottom: 50px !important;
}
.premium-blog-wrap{
	gap:5%
}
.wapp-button{
	padding:10px;
	border-radius: 30px
}
.wapp-button:hover{;
	background: #FFE0DF 
}
.blog-eventi .premium-blog-content-wrapper{
	background: #fff !Important;
    padding: 25px !important;
    width: 100% !Important;
    border-radius: 0 0 30px 30px;
}
.elementor-slideshow__footer {
	display:none !important
}
.owl-nav{
	position: absolute;
	top:0;
	left:50%
}
.carousel-slider .owl-prev, .carousel-slider .owl-next {
   	margin: 0 -10px !important;
}
















@media (max-width: 767px){
	.elementor-element-f875cf5 {
		padding: 0;
	}
	.header-custom{
		margin:0;
		border-radius: 0;
		box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%)
	}
	.elementor-element-720cc25{
		display: none
	}
	.fixed{
		top:0
	}
	#scroll:after, #scroll:before{
		display:none
	}
	.premium-blog-post-outer-container{
		width:100% !Important;
		margin-bottom:40px !important
	}
	
	.wapp-block:before{
		width:95%
	}
	p{
		font-size: 17px !important
	}
	.elementor-1131 p{
		font-size:16px !Important
	}
	.post-gallery figure{
		width:50% !important;
	}
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.premium-blog-post-outer-container{
		width:100% !Important
	}
}


@media (min-width: 768px) and (max-width: 1024px){
	#scroll:after{
		display:none
	}
	.owl-nav{
		position: absolute;
		top:0;
		left:50%
	}
}
 
@media (min-width: 1025px) and (max-width: 1200px){
	.wapp-button:hover{
		background:transparent
	}	
	.owl-nav{
		position: absolute;
		top:0;
		left:50%
	}
	.premium-blog-wrap{
		gap:3%
	}
	.premium-blog-post-outer-container{
		width:31% !important
	}

}