VanSky

Photography Studio Taormina
Light composes time Be patience
Slider with alias homepage-slider not found. There is nothing to show here!
/* Mobile Menu Hamburger Style */ @media (max-width: 768px) { .menu-trigger { right: 2rem; left: auto; width: 5.5rem; height: 5.5rem; z-index: 350; } .menu-camera { width: 3rem; height: 2.4rem; } .menu-camera-lens { width: 1.8rem; height: 1.8rem; } .menu-camera-light { width: 0.6rem; height: 0.6rem; } /* Full screen menu for mobile */ .luxury-menu { padding: 6rem 1.5rem 2rem; } .menu-content { padding: 2rem 1.5rem; max-height: 85vh; overflow-y: auto; } /* Improved touch targets */ .menu-item { margin-bottom: 2rem; } .menu-item a { display: block; padding: 0.8rem 0; } .contact-details li { margin-bottom: 1.8rem; } /* Social icons optimization */ .social-media { justify-content: center; gap: 1.5rem; } .social-icon { width: 4.5rem; height: 4.5rem; } } /* Mobile Close Button */ .mobile-menu-close { display: none; position: absolute; top: 1.5rem; right: 1.5rem; width: 4rem; height: 4rem; background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(15, 219, 207, 0.3); border-radius: 50%; cursor: pointer; z-index: 10; transition: all 0.3s ease; } .mobile-menu-close:hover { background: rgba(15, 219, 207, 0.2); transform: scale(1.1); } .close-icon { position: relative; display: block; width: 100%; height: 100%; } .close-icon:before, .close-icon:after { content: ''; position: absolute; top: 50%; left: 50%; width: 50%; height: 2px; background: var(--primary); transform: translate(-50%, -50%) rotate(45deg); box-shadow: 0 0 10px rgba(15, 219, 207, 0.8); } .close-icon:after { transform: translate(-50%, -50%) rotate(-45deg); } @media (max-width: 768px) { .mobile-menu-close { display: block; } }