/*
Theme Name: Vintech
Theme URI: http://demo.casethemes.net/vintech
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Vintech is a modern, professional, and flexible WordPress theme designed for IT Solutions, Software, Technology Services, and Digital Agencies. With its responsive design, retina readiness, and easy customization, Vintech provides all the elements and styles you need to build a powerful online presence for your tech business.
Version: 1.0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vintech
Tags: it, technology, software, digital agency, saas, startup, cybersecurity, web development, cloud, tech company, it services, support, ai, innovation, responsive
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4.1

Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/


/* VBTECH: compact search input aligned with the 1280px site content. */
#pxl-search-popup .pxl-item--conent{top:var(--vbtech-search-header-top,69px)!important;height:var(--vbtech-search-header-height,52px)!important;padding:8px max(24px,calc((100vw - 1280px)/2))!important;background:#192841!important}
#pxl-search-popup form[role="search"]{display:flex!important;align-items:center;width:calc(100% - 36px)!important;max-width:none;height:34px!important;margin:0 36px 0 0!important;padding:0!important;position:relative;background:#192841;border:1px solid #8196ad;border-radius:0;box-shadow:none}
#pxl-search-popup form[role="search"]:focus-within{border-color:#5cbae9;box-shadow:0 0 0 1px #5cbae9}
#pxl-search-popup input.search-field{width:100%!important;min-width:0;height:32px!important;margin:0!important;padding:0 32px 0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;caret-color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:32px!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none!important;outline:0!important}
#pxl-search-popup input.search-field::placeholder{color:#c0ccd8!important;opacity:1!important;font-weight:300!important}
#pxl-search-popup .search-submit{position:absolute!important;inset:1px 3px auto auto!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e3ecf5!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
#pxl-search-popup .search-submit:hover{color:#fff!important;background:transparent!important}
#pxl-search-popup .search-submit:focus-visible{outline:1px solid #5cbae9;outline-offset:2px}
#pxl-search-popup .search-submit svg{width:16px;height:16px}
#pxl-search-popup .search-submit svg path{stroke:currentColor!important}
#pxl-search-popup .pxl--search-divider{display:none!important}
#pxl-search-popup .pxl-item--close{top:50%!important;right:max(24px,calc((100vw - 1280px)/2))!important;bottom:auto!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important}
@media(max-width:767px){#pxl-search-popup .pxl-item--conent{padding:8px 16px!important}#pxl-search-popup .pxl-item--close{right:16px!important}}

#pxl-search-popup .pxl-item--overlay{top:var(--vbtech-search-header-bottom,121px)!important}
#pxl-search-popup .pxl-item--logo{display:none!important}

#pxl-search-popup .pxl-item--close::before,#pxl-search-popup .pxl-item--close::after{position:absolute!important;left:50%!important;top:50%!important;width:16px!important;height:2px!important;margin:0!important;background:#fff!important;transform:translate(-50%,-50%) rotate(45deg)!important}
#pxl-search-popup .pxl-item--close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* Keep the search transition within the menu row, below the logo. */
#pxl-search-popup .pxl-item--conent,#pxl-search-popup.active .pxl-item--conent{transform:none!important;transition:none!important;backdrop-filter:none!important;box-shadow:none!important}
#pxl-search-popup .pxl-item--conent form,#pxl-search-popup .pxl-item--close{animation:none!important;animation-delay:0s!important;opacity:1!important;visibility:inherit!important}
#pxl-search-popup,#pxl-search-popup.active{transition:opacity .15s ease,visibility .15s!important}
#pxl-search-popup .pxl-item--overlay{transition:opacity .15s ease!important}

/* Keep saved-search/autofill input and submit icon readable. */
#pxl-search-popup input.search-field:-webkit-autofill,
#pxl-search-popup input.search-field:-webkit-autofill:hover,
#pxl-search-popup input.search-field:-webkit-autofill:focus,
#pxl-search-popup input.search-field:-webkit-autofill:active{ -webkit-box-shadow:0 0 0 1000px #192841 inset!important;box-shadow:0 0 0 1000px #192841 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:#192841!important;font-weight:400!important}
#pxl-search-popup input.search-field:autofill{box-shadow:0 0 0 1000px #192841 inset!important;-webkit-text-fill-color:#fff!important;color:#fff!important;caret-color:#fff!important}
#pxl-search-popup .search-submit,#pxl-search-popup .search-submit:hover{background:#192841!important;color:#fff!important;opacity:1!important}