/** Start Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/ .envato-kit-102-phone-overlay { position: absolute !important; display: block !important; top: 0%; left: 0%; right: 0%; margin: auto; z-index: 1; } /** End Block Kit CSS: 105-3-0fb64e69c49a8e10692d28840c54ef95 **/ /** Start Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/ .envato-block__preview{overflow: visible;} /*Kit 69 Custom Styling for buttons */ .envato-kit-69-slide-btn .elementor-button, .envato-kit-69-cta-btn .elementor-button, .envato-kit-69-flip-btn .elementor-button{ border-left: 0px !important; border-bottom: 0px !important; border-right: 0px !important; padding: 15px 0 0 !important; } .envato-kit-69-slide-btn .elementor-slide-button:hover, .envato-kit-69-cta-btn .elementor-button:hover, .envato-kit-69-flip-btn .elementor-button:hover{ margin-bottom: 20px; } .envato-kit-69-menu .elementor-nav-menu--main a:hover{ margin-top: -7px; padding-top: 4px; border-bottom: 1px solid #FFF; } /* Fix menu dropdown width */ .envato-kit-69-menu .elementor-nav-menu--dropdown{ width: 100% !important; } /** End Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/ /* General input fields */ input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="password"], textarea { background-color: #f2f2f2 !important; /* Replace with your desired color */ } /* WooCommerce cart quantity inputs */ .woocommerce-cart input.qty { background-color: #f2f2f2 !important; } /* WooCommerce product inputs */ .woocommerce .quantity input[type="number"] { background-color: #f2f2f2 !important; } /* Comment form inputs */ .comment-form input, .comment-form textarea { background-color: #f2f2f2 !important; } .custom-menu { position: relative; z-index: 9999; text-align: center; } .menu-toggle { font-size: 2rem; background: none; border: none; cursor: pointer; color: #69727D; float: right; transition: transform 0.3s ease; padding: 0.5rem; } .menu-toggle:hover { transform: scale(1.1); } .menu-toggle:active { transform: scale(0.9); } .menu-icon { display: inline-block; transition: transform 0.3s ease; } .menu-toggle.open .menu-icon { transform: rotate(90deg); } .mobile-nav { position: fixed; top: 0; left: 0; width: 100%; background: white; display: flex; flex-direction: column; align-items: center; /* Center the content */ padding: 2rem; z-index: 9999; opacity: 0; transform: translateY(-20px); visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s; } .mobile-nav.open { opacity: 1; transform: translateY(0); visibility: visible; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s; } .mobile-nav ul { list-style: none; padding: 0; margin: 2rem 0 0 0; width: 100%; max-width: 300px; /* Limit width for better centering */ text-align: center; } .mobile-nav li { margin: 1rem 0; transform: translateX(-10px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } .mobile-nav.open li { transform: translateX(0); opacity: 1; } .mobile-nav li:nth-child(1) { transition-delay: 0.1s; } .mobile-nav li:nth-child(2) { transition-delay: 0.15s; } .mobile-nav li:nth-child(3) { transition-delay: 0.2s; } .mobile-nav li:nth-child(4) { transition-delay: 0.25s; } .mobile-nav li:nth-child(5) { transition-delay: 0.3s; } .mobile-nav li:hover { background: #f5f5f5; transform: translateX(5px); } .mobile-nav a { text-decoration: none; font-size: 1.5rem; color: black; display: block; padding: 0.5rem 1rem; transition: color 0.2s ease; } .mobile-nav a:hover { color: #432372; } .menu-close { align-self: flex-end; font-size: 1.5rem; background: none; border: none; cursor: pointer; transition: transform 0.3s ease; color: #69727D; } .menu-close:hover { transform: rotate(90deg); background-color: white; }