.elementor-5050 .elementor-element.elementor-element-5c499a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5050 .elementor-element.elementor-element-add74a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5050 .elementor-element.elementor-element-7508f897{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5050 .elementor-element.elementor-element-7508f897.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5050 .elementor-element.elementor-element-30374b8e{text-align:left;}.elementor-5050 .elementor-element.elementor-element-30374b8e .rivax-logo{padding:0px 0px 0px 0px;}.elementor-5050 .elementor-element.elementor-element-30374b8e .rivax-logo-image img{width:187px;}.elementor-5050 .elementor-element.elementor-element-30374b8e .rivax-logo-description{font-size:13px;}.elementor-5050 .elementor-element.elementor-element-4f0be362{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-5050 .elementor-element.elementor-element-4f0be362.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-5050 .elementor-element.elementor-element-4e7376ad.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav{justify-content:center;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.menu-item::before{height:10px;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.menu-item > .sub-menu{top:calc(100% + 10px);}html[scheme="dark"] .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.menu-item > a{color:#FFFFFF;}html[scheme="dark"] .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-v-nav > li.menu-item > a{color:#FFFFFF;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.menu-item > a:hover, .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.current-menu-item > a, .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.current-menu-ancestor > a{color:#2F2E35;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-v-nav > li.menu-item > a:hover, .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-v-nav > li.current-menu-item > a{color:#2F2E35;}.elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav > li.menu-item > a{--menu-shape-color:#A0A3B430;}html[scheme="dark"] .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-nav .sub-menu li.menu-item > a{color:#FFFFFF;}html[scheme="dark"] .elementor-5050 .elementor-element.elementor-element-4e7376ad .rivax-header-v-nav .sub-menu li.menu-item > a{color:#FFFFFF;}.elementor-5050 .elementor-element.elementor-element-447019b8 .elementor-repeater-item-6435f87{--keyword-color:#F77100;}.elementor-5050 .elementor-element.elementor-element-447019b8 .elementor-repeater-item-a71bb9a{--keyword-color:#D63626;}.elementor-5050 .elementor-element.elementor-element-447019b8 .elementor-repeater-item-5f8a853{--keyword-color:#3E96FA;}.elementor-5050 .elementor-element.elementor-element-35e4844 > .elementor-widget-container{border-style:none;}.elementor-5050 .elementor-element.elementor-element-ab2a436 .offcanvas-wrapper .offcanvas-container{width:450px;}.elementor-5050 .elementor-element.elementor-element-ab2a436 .offcanvas-close{color:#2B2B31;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-5050 .elementor-element.elementor-element-7508f897{--width:50%;}.elementor-5050 .elementor-element.elementor-element-4f0be362{--width:50%;}}@media(min-width:768px){.elementor-5050 .elementor-element.elementor-element-7508f897{--width:220px;}.elementor-5050 .elementor-element.elementor-element-4f0be362{--width:260px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5050 .elementor-element.elementor-element-7508f897{--width:50%;}.elementor-5050 .elementor-element.elementor-element-4f0be362{--width:50%;}}/* Start custom CSS for rivax-search, class: .elementor-element-447019b8 *//* --- Clean Neumorphic Search Button --- */ .popup-search-opener { display: flex !important; justify-content: center; align-items: center; width: 40px !important; height: 40px !important; border-radius: 50%; background: #e0e5ec; border: 1px solid #d1d9e6; transition: all 0.3s ease; cursor: pointer; } /* Replace the icon font with our custom SVG */ .popup-search-opener i.ri-search::before { content: none !important; } .popup-search-opener i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; width: 16px !important; height: 16px !important; display: inline-block; transition: all 0.3s ease; } /* --- Hover "Press" Effect (Light Mode) --- */ .popup-search-opener:hover { border-color: #e0e5ec; box-shadow: inset 3px 3px 6px #b8bec7, inset -3px -3px 6px #ffffff; } .popup-search-opener:hover i.ri-search { transform: scale(0.95); /* Subtle scale effect on hover */ } /* --- Dark Mode Clean Button --- */ html[scheme="dark"] .popup-search-opener { background: #2a2a2a; border: 1px solid #383838; } /* Dark mode SVG icon (lighter color) */ html[scheme="dark"] .popup-search-opener i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e0e5ec' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); } /* --- Hover "Press" Effect (Dark Mode) --- */ html[scheme="dark"] .popup-search-opener:hover { border-color: #2a2a2a; box-shadow: inset 3px 3px 6px #1c1c1c, inset -3px -3px 6px #383838; } /* Optional: Also style the search icon in the popup form */ .popup-search-form button.submit i.ri-search::before { content: none !important; } .popup-search-form button.submit i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fc7300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 20px !important; height: 20px !important; display: inline-block; } /* --- Style Search Icon in Popup Form (Light Mode) --- */ .popup-search-form button.submit { background: transparent; border: none; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .popup-search-form button.submit i.ri-search::before { content: none !important; } .popup-search-form button.submit i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 20px !important; height: 20px !important; display: inline-block; transition: all 0.3s ease; } /* Hover effect for popup search icon */ .popup-search-form button.submit:hover i.ri-search { transform: scale(1.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fc7300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); } /* --- Dark Mode: Popup Search Icon --- */ html[scheme="dark"] .popup-search-form button.submit i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e0e5ec' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); } /* Dark mode hover effect */ html[scheme="dark"] .popup-search-form button.submit:hover i.ri-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fc7300' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"); } /* --- Hide Popular Searches Section --- */ .popular-search-wrap, .popular-search { display: none !important; } /* --- Refined Close Button Styling (Simple) --- */ .popup-search-close { width: 40px; height: 40px; position: absolute; top: 30px; right: 30px; cursor: pointer; transition: all 0.3s ease; z-index: 10; } /* Hide the "Close" text */ .popup-search-close .close-text { display: none !important; } /* Kill ANY ::before and ::after pseudo-elements */ .popup-search-close::before, .popup-search-close::after, .popup-search-close .cross-line::before, .popup-search-close .cross-line::after { display: none !important; content: none !important; } /* Reset and hide ALL cross lines */ .popup-search-close .cross-line { display: none !important; } /* Then show and style only the two we need for the X */ .popup-search-close .cross-line.top-left, .popup-search-close .cross-line.top-right { display: block !important; position: absolute; width: 24px; height: 2px; background: #999 !important; transition: background 0.3s ease; top: 19px; left: 8px; border: none !important; box-shadow: none !important; } .popup-search-close .cross-line.top-left { transform: rotate(45deg); } .popup-search-close .cross-line.top-right { transform: rotate(-45deg); } /* Simple hover effect - just color change */ .popup-search-close:hover .cross-line.top-left, .popup-search-close:hover .cross-line.top-right { background: #fc7300 !important; } /* --- Dark Mode Close Button --- */ html[scheme="dark"] .popup-search-close .cross-line.top-left, html[scheme="dark"] .popup-search-close .cross-line.top-right { background: #e0e5ec !important; } html[scheme="dark"] .popup-search-close:hover .cross-line.top-left, html[scheme="dark"] .popup-search-close:hover .cross-line.top-right { background: #fc7300 !important; }/* End custom CSS */ /* Start custom CSS for rivax-dark-mode-switcher, class: .elementor-element-35e4844 *//* === SIMPLE GLASSMORPHIC TOGGLE === */ /* Main container - glass effect with iOS-style highlights */ .elementor-5050 .elementor-element.elementor-element-35e4844 .switcher-wrap { background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 50px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset -1px -1px 0 rgba(255, 255, 255, 0.1) !important; position: relative !important; } /* Light mode - needs darker background and border */ html[scheme="light"] .elementor-5050 .elementor-element.elementor-element-35e4844 .switcher-wrap { background: rgba(0, 0, 0, 0.08) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 1px 1px 0 rgba(255, 255, 255, 0.4), inset -1px -1px 0 rgba(0, 0, 0, 0.1) !important; } /* Dark mode version */ html[scheme="dark"] .elementor-5050 .elementor-element.elementor-element-35e4844 .switcher-wrap { background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.05) !important; } /* Keep icons visible */ .elementor-5050 .elementor-element.elementor-element-35e4844 .light-icon i { color: #f39c12 !important; z-index: 10 !important; position: relative !important; } .elementor-5050 .elementor-element.elementor-element-35e4844 .dark-icon i { color: #0c84ff !important; z-index: 10 !important; position: relative !important; } /* Remove any weird positioning */ .elementor-5050 .elementor-element.elementor-element-35e4844 .switcher-wrap * { position: relative !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-add74a3 *//* Glassmorphic effect for sticky header - light mode */ #header-main.elementor-sticky--active { /* Semi-transparent white background */ background-color: rgba(255, 255, 255, 0.75) !important; /* Enhanced blur with saturation */ backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; /* Crisp border definition */ border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; /* Multi-layered shadows for depth */ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 8px 32px rgba(31, 38, 135, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04) !important; /* Ensure proper rendering */ background-clip: padding-box !important; transform: translateZ(0); will-change: backdrop-filter; /* Smooth transition */ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Dark mode glassmorphism */ html[scheme="dark"] #header-main.elementor-sticky--active { /* Dark semi-transparent background */ background-color: rgba(20, 20, 20, 0.82) !important; /* Same blur effect */ backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; /* Subtle light border */ border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Deeper shadows */ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2) !important; background-clip: padding-box !important; transform: translateZ(0); will-change: backdrop-filter; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Fallback: If Elementor uses different sticky class */ #header-main.sticky { /* Same styles as above */ background-color: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 8px 32px rgba(31, 38, 135, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04) !important; } html[scheme="dark"] #header-main.sticky { background-color: rgba(20, 20, 20, 0.82) !important; backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2) !important; }/* End custom CSS */