/*
	Theme Name: Pws Essential Theme
	Description: Pws Essential Theme is a very lightweight and minimalist WordPress theme, to working only With Elementor and Elementor PRO Page Builder
	Author: Parrotto Web Solution
	Author URI: https://parrotto-websolution.it/
	Version: 3.0
	Requires at least: 6.0
	Tested up to: 6.7
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: pwstheme
*/
html {line-height:1.15; -webkit-text-size-adjust:100%}
*, :after, :before {box-sizing:border-box }
body {margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-size:1rem; font-weight:400; line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6 {margin-block-start:.5rem; margin-block-end:1rem; font-family:inherit; font-weight:500;line-height:1.2;color:inherit}
h1 {font-size:2.5rem}
h2 {font-size:2rem}
h3 {font-size:1.75rem}
h4 {font-size:1.5rem}
h5 {font-size:1.25rem}
h6 {font-size:1rem}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{width: 100%;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 1rem;line-height: 1.5;margin: 0;  }
/*INSERIRE IL CODICE DA QUI*/

/*POPUP MENU IMAGE-BG*/
@keyframes fade-anim {0% {opacity:0;} 100% {opacity:1;}}
#menu-bg{background-image:url(/wp-content/uploads/2025/03/magia1.jpg); background-size: cover; background-repeat: no-repeat; animation-duration: 400ms; animation-timing-function: linear;}
#menu-bg:has(.appartamenti:hover) {background-image: url(/wp-content/uploads/2025/03/appartamenti.png) !important; animation-name:fade-anim; }
#menu-bg:has(.welness:hover) {background-image: url(/wp-content/uploads/2025/03/welness.png) !important; animation-name:fade-anim;}
#menu-bg:has(.chisiamo:hover) {background-image: url(/wp-content/uploads/2025/03/chi-siamo-scaled.jpg) !important;animation-name:fade-anim;}
#menu-bg:has(.attivita:hover) {background-image: url(/wp-content/uploads/2025/03/attivita.jpg) !important;animation-name:fade-anim;}
#menu-bg:has(.contatti:hover) {background-image: url(/wp-content/uploads/2025/03/contatti.png) !important;animation-name:fade-anim; }
/*POPUP MENU IMAGE-OVERLAY*/
#menu-bg:has(.appartamenti:hover):before{background-image:url(/wp-content/uploads/2025/03/MENU2.png)}
#menu-bg:has(.welness:hover):before{background-image:url(/wp-content/uploads/2025/03/MENU3.png)}

/*HOTSPOT*/
.e-hotspot__label{display:none!important}

/*RLT CONTAINER*/
.rlt_container{position: relative; display: flex; justify-content: space-between; margin-top: 60px}
.rlt_container .rlt_cont__images {flex-basis: 35%; position:relative}
.rlt_container .rlt_cont__texts {flex-basis: 65%; background:var( --e-global-color-dab471d );justify-content: end; display: flex; flex-wrap:wrap; padding: 30px 50px 50px 0px;margin-top: 50px;position: relative;}
.rlt_container .rlt_cont__images img{box-shadow: -1px 2px 4px gray; max-width: 480px;}
.rlt_container .rlt_cont__images .image1{text-align: left; z-index: 2; position: relative}
.rlt_container .rlt_cont__images .image2{text-align: right; z-index: 1; margin-top: -100px; position: absolute;right:-150px;}
.rlt_container .rlt_cont__title h3, .rlt_container .rlt_cont__title h2{width:100%; font-size: 150px; margin: 0; padding: 0;
	-webkit-text-stroke: 1px var( --e-global-color-a82d465 );color: transparent; position: absolute; top:-120px; left: -30%; z-index: 5; font-family:var( --e-global-typography-3a6d05d-font-family )}
.rlt_container .rlt_cont__text{width: 70%; text-align: justify; color:var( --e-global-color-text );}
.rlt_container .rlt_cont__text a {background: var(--e-global-color-secondary); padding: 7px 15px; border-radius: 10px; display: inline-block; margin-top: 30px; text-align: center; float:right; color:#000}
/*---REVERSE CONTAINER*/
.rlt_container.c_reverse{flex-direction: row-reverse;}
.rlt_container.c_reverse .rlt_cont__texts {justify-content: start;padding: 30px 50px 0px 50px;}
.rlt_container.c_reverse .rlt_cont__images .image2{left:-150px; right:unset;}
.rlt_container.c_reverse .rlt_cont__title h3, .rlt_container.c_reverse .rlt_cont__title h2{right: -30%; left:unset;}