.elementor-kit-9{--e-global-color-primary:#FFE212;--e-global-color-secondary:#111111;--e-global-color-text:#000000;--e-global-color-accent:#FFE212;--e-global-color-89d706c:#FFFFFF;--e-global-color-03ff5e3:#757575;--e-global-color-cca8da8:#A0A1A4;--e-global-color-bad6b0e:#F9F9F9;--e-global-color-0231d34:#FFFFFF00;--e-global-color-21dc417:#DDDCDC;--e-global-typography-primary-font-family:"Owners Wide";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:87px;--e-global-typography-secondary-font-family:"Owners Wide";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:121%;--e-global-typography-text-font-family:"Owners Wide";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:150%;--e-global-typography-accent-font-family:"Owners Wide";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:150%;--e-global-typography-112da0d-font-family:"Owners Wide";--e-global-typography-112da0d-font-size:20px;--e-global-typography-112da0d-font-weight:500;--e-global-typography-112da0d-line-height:150%;--e-global-typography-83667e9-font-family:"Owners Wide";--e-global-typography-83667e9-font-size:18px;--e-global-typography-83667e9-font-weight:500;--e-global-typography-83667e9-line-height:150%;--e-global-typography-2963c3b-font-family:"Owners Wide";--e-global-typography-2963c3b-font-size:18px;--e-global-typography-2963c3b-line-height:150%;--e-global-typography-d0e4cf5-font-family:"Owners Wide";--e-global-typography-d0e4cf5-font-size:15px;--e-global-typography-d0e4cf5-font-weight:400;--e-global-typography-d0e4cf5-line-height:150%;--e-global-typography-04121fd-font-family:"Owners Wide";--e-global-typography-04121fd-font-size:40px;--e-global-typography-04121fd-font-weight:500;--e-global-typography-04121fd-line-height:121%;--e-global-typography-a0761a2-font-family:"Owners Wide";--e-global-typography-a0761a2-font-size:40px;--e-global-typography-a0761a2-font-weight:400;--e-global-typography-6d7e72e-font-family:"Owners Wide";--e-global-typography-6d7e72e-font-size:31px;--e-global-typography-6d7e72e-font-weight:700;--e-global-typography-6d7e72e-line-height:40px;--e-global-typography-c01ae52-font-family:"Owners Wide";--e-global-typography-c01ae52-font-size:31px;--e-global-typography-c01ae52-font-weight:400;--e-global-typography-c01ae52-line-height:40px;--e-global-typography-fcd0dd5-font-family:"Owners Wide";--e-global-typography-fcd0dd5-font-size:24px;--e-global-typography-fcd0dd5-font-weight:500;--e-global-typography-fcd0dd5-line-height:140%;--e-global-typography-cfdf81a-font-family:"Owners Wide";--e-global-typography-cfdf81a-font-size:16px;--e-global-typography-cfdf81a-font-weight:500;--e-global-typography-cfdf81a-line-height:150%;--e-global-typography-6efafa9-font-family:"Owners Wide";--e-global-typography-6efafa9-font-size:16px;--e-global-typography-6efafa9-font-weight:400;--e-global-typography-6efafa9-line-height:150%;--e-global-typography-93d6c25-font-family:"Owners Wide";--e-global-typography-93d6c25-font-size:20px;--e-global-typography-93d6c25-font-weight:500;--e-global-typography-93d6c25-line-height:150%;color:var( --e-global-color-text );font-family:"Owners Wide", Sans-serif;font-size:18px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:46px 46px 46px 46px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-primary );}.elementor-kit-9 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-9 h3{color:var( --e-global-color-text );font-family:"Owners Wide", Sans-serif;font-size:40px;font-weight:500;line-height:121%;}.elementor-kit-9 h4{font-family:"Owners Wide", Sans-serif;font-size:40px;font-weight:400;line-height:121%;}.elementor-kit-9 h5{font-family:"Owners Wide", Sans-serif;font-size:31px;font-weight:700;line-height:40px;}.elementor-kit-9 h6{font-family:"Owners Wide", Sans-serif;font-size:31px;font-weight:400;line-height:40px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-family:var( --e-global-typography-93d6c25-font-family ), Sans-serif;font-size:var( --e-global-typography-93d6c25-font-size );font-weight:var( --e-global-typography-93d6c25-font-weight );line-height:var( --e-global-typography-93d6c25-line-height );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:46px 46px 46px 46px;padding:13px 30px 13px 30px;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:2px 2px 2px 2px;padding:10px 34px 10px 34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1620px;}.e-con{--container-max-width:1620px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-93d6c25-font-size );line-height:var( --e-global-typography-93d6c25-line-height );}}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-secondary-font-size:42px;--e-global-typography-112da0d-font-size:28px;}.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-93d6c25-font-size );line-height:var( --e-global-typography-93d6c25-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-9{--e-global-typography-primary-font-size:24px;--e-global-typography-primary-line-height:120%;--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-line-height:125%;--e-global-typography-112da0d-font-size:13px;--e-global-typography-83667e9-font-size:11px;--e-global-typography-04121fd-font-size:24px;--e-global-typography-04121fd-line-height:150%;--e-global-typography-a0761a2-font-size:24px;--e-global-typography-a0761a2-line-height:121%;--e-global-typography-93d6c25-font-size:13px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:24px;--e-global-typography-secondary-font-size:24px;--e-global-typography-112da0d-font-size:26px;--e-global-typography-83667e9-font-size:11px;--e-global-typography-93d6c25-font-size:13px;line-height:150%;letter-spacing:5%;}.elementor-kit-9 a{line-height:150%;letter-spacing:5%;}.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-9 h3{font-size:24px;}.elementor-kit-9 h4{font-size:24px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-93d6c25-font-size );line-height:var( --e-global-typography-93d6c25-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*===================================================== Main Header =====================================================*/ #menu-1-e900bbf li.partner-login-menu-item ul.sub-menu, #menu-1-7cec77d li.partner-login-menu-item ul.sub-menu { margin-left: 31px !important; } .top-right-menu .login-header .vidaa-iconic_login-circle-black, .partner-login-menu-item .fa-user-circle, .top-right-menu .search-top-right-header .vidaa-iconic_search { margin-right: 5px; } .partner-login-menu-item .fa-user-circle { font-size: 23px; } .contact-top-header { align-items: center; } .top-right-menu .login-header { align-items: center; } #header-main-desktop .top-right-menu #menu-1-7cec77d .contact-top-header a { background: #ffffff; padding: 0px 32px; height: 40px; border-radius: 50px; text-transform: lowercase; color: #000000; line-height: 40px; } :is(.page-id-7991, .page-id-8011, .page-id-6677, .page-id-4503, .page-id-3, .page-id-3055, .page-id-3071, .page-id-246, .page-id-247, .page-id-242, .elementor-page-279, body.post-template-default, body.search-results, body.page-template-policy-template) #header-main-desktop:not(.header-scrolled):not(:hover) .top-right-menu #menu-1-7cec77d .contact-top-header a { background: #000000; color: #ffffff; } #header-main-desktop .top-right-menu #menu-1-7cec77d li.contact-top-header:hover a { background: #ffe212; } div#e-n-menu-title-2161 { display: inline; } .top-right-menu .search-top-right-header { display: none !important; } @media (min-width: 1025px) and (max-width: 1160px) { .elementor-widget-n-menu #menubar-216 .e-n-menu-title-text, .elementor-4915 .elementor-element.elementor-element-80a7677.main-header-list-icon .elementor-icon-list-item > a, #header-main-desktop .top-right-menu .menu-item a { font-size: 12px; } #header-main-desktop .top-right-menu #menu-1-7cec77d .contact-top-header a { line-height: 32px; } } /* Black Menu Header*/ :is(.page-id-7991, .page-id-8011, .page-id-6677, .page-id-4503, .page-id-3, .page-id-3055, .page-id-3071, .page-id-246, .page-id-247, .page-id-242, .elementor-page-279, body.post-template-default, body.search-results, body.page-template-policy-template) #header-main-desktop:not(.header-scrolled):not(:hover) { .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text, .elementor-nav-menu--main .login-header .elementor-item, .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-icon i, .elementor-nav-menu--main .partner-login-menu-item .elementor-item:not(:hover), .search-top-right-header .elementor-item:not(:hover) { color: #000000; } /* Specific rules for fill property */ .elementor-nav-menu--main .login-header .elementor-item { fill: #000000; } /* Logo switch */ .elementor-widget-image img { content: url('https://staging-vidaa.temp312.kinsta.cloud/wp-content/uploads/2025/11/vidaa-logo-black.svg'); } } /* Header Breadcrumb */ .e-n-menu-heading .e-n-menu-item:has(#header-breadcrumb) { display: none; } .page-id-15 .e-n-menu-heading .e-n-menu-item:has(#header-breadcrumb), .page-id-8011 .e-n-menu-heading .e-n-menu-item:has(#header-breadcrumb), .page-id-7991 .e-n-menu-heading .e-n-menu-item:has(#header-breadcrumb), .elementor-page-279 .e-n-menu-heading .e-n-menu-item:has(#header-breadcrumb) { display: flex; } .e-n-menu-heading #header-breadcrumb .e-n-menu-title-container .e-n-menu-title-text { font-weight: 500; } @media (min-width: 768px) { .page-id-8011 .elementor-4915 .elementor-element.homeos-submenu, body.blog .elementor-4915 .elementor-element.homeos-submenu { width: 56%; margin-left: 8%; } .page-id-7991 .elementor-4915 .elementor-element.homeos-submenu { width: 58%; margin-left: 6%; } .page-id-15 .elementor-4915 .elementor-element.elementor-element-48b465b { width: 56%; margin-left: 8%; } } /*===================================================== Mobile Header =====================================================*/ .mobile-header-container nav.elementor-nav-menu--dropdown { min-width: 100vw; padding: 0 24px; } #menu-2-6f691ae { display: flex; position: relative; flex-direction: column; height: calc(100vh - 82px); overflow-y: scroll; padding-bottom: 60px; } #mobile-header .elementor-item.has-submenu { justify-content: space-between; } #mobile-header #menu-2-6f691ae > li:not(:first-of-type) { border-top: 1px solid #888888; } #mobile-header #menu-2-6f691ae li a { padding: 13px 0 16px; line-height: 120%; } #mobile-header #menu-2-6f691ae .mobile-login a { position: relative; padding: 8px 0; } #mobile-header #menu-2-6f691ae .mobile-login .vidaa-iconic_login-circle-black { margin-right: 5px; } #mobile-header #menu-2-6f691ae li.mobile-register a { right: 57px; font-size: 13px; line-height: 150%; padding: 13px 16px; color: #000000; background: #ffffff; border-radius: 46px; } #mobile-header .mobile-lang-switch i { font-size: 24px; } #mobile-header #menu-2-6f691ae .secondary-mobile-menu a, #mobile-header #menu-2-6f691ae .sub-menu li a { font-size: 18px; font-weight: 400; } #mobile-header #menu-2-6f691ae .sub-menu li a { border-left: 0; padding: 10px 0; } #mobile-header #menu-2-6f691ae li.menu-item-9006 { margin-top: 57px; } /* Separate the bottom section */ #mobile-header #menu-2-6f691ae .mobile-lang-switch, #mobile-header #menu-2-6f691ae .mobile-register, #mobile-header #menu-2-6f691ae .mobile-login { display: inline-flex; border-top: none !important; } #mobile-header .mobile-logout, #mobile-header li.partner-login-menu-item { border-top: 0 !important; } #mobile-header li.mobile-login, #mobile-header li.partner-login-menu-item { margin-top: 65px; /*margin-bottom: -50px;*/ } #mobile-header li.partner-login-menu-item { margin-bottom: -50px; } #mobile-header #menu-2-6f691ae .mobile-login a, #mobile-header li.mobile-logout a, #mobile-header li.partner-login-menu-item a { font-size: 18px; } #mobile-header .mobile-logout, #mobile-header .mobile-register, #mobile-header .mobile-lang-switch { align-self: end; } #mobile-header .mobile-lang-switch { margin-top: -40px; } /* Register button */ .elementor-nav-menu > li.mobile-register a { background: #ffffff; color: #000000; padding: 10px 24px !important; border-radius: 20px; font-weight: 500; } /* Network icon */ .elementor-nav-menu > li.mobile-lang-switch a { padding: 8px !important; } #mobile-header #menu-2-6f691ae .mobile-lang-switch, #mobile-header #menu-2-6f691ae .mobile-register { display: none; } /* Black mobile header */ :is(.page-id-7991, .page-id-8011, .page-id-6677, .page-id-4503, .page-id-3, .page-id-3055, .page-id-3071, .page-id-246, .page-id-247, .page-id-242, .elementor-page-279, body.post-template-default, body.search-results, body.page-template-policy-template) .mobile-header-container:not(.header-scrolled):not(:hover) { :is(.elementor-icon, div.elementor-menu-toggle) { color: #000000 !important; } /* Logo switch */ .elementor-widget-image img { content: url('https://staging-vidaa.temp312.kinsta.cloud/wp-content/uploads/2025/11/vidaa-logo-black.svg'); } } /* Scroll setting on mobile - to not cut sections with header */ @media (max-width: 767px) { html { scroll-padding-top: 80px; } } /* submenu indicator show up when it's submenu is expanded */ #mobile-header .elementor-item.has-submenu .sub-arrow .fa-chevron-down { transition: transform 0.3s ease; } #mobile-header .elementor-item.has-submenu[aria-expanded="true"] .sub-arrow .fa-chevron-down { transform: rotate(180deg); } /*===================================================== Popup login =====================================================*/ .popup-login { margin: 0 auto; } .popup-login .elementor-widget-container .elementor-login__logged-in-message, .popup-login .uael-logged-in-message { text-align: center; } .popup-login-form { display: none; } /*===================================================== Arrow Animation =====================================================*/ @keyframes jumpInfinite { 0% { bottom: -30px; } 50% { bottom: -45px; } 100% { bottom: -30px; } } .arrow-animate.elementor-widget-icon-box .elementor-icon-box-wrapper { position: relative; } .arrow-animate.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon { position: absolute; left: 50%; transform: translateX(-50%); animation: jumpInfinite 1.5s infinite; } /*===================================================== Hero Section Animation =====================================================*/ @keyframes screenOpening { from { height: 1000vw; } to { height: 285px; } } @keyframes screenOpeningMobile { from { height: 1000vw; } to { height: 120px; } } .elementor-element.hero-section-vidaa > .elementor-shape-bottom svg { animation-name: screenOpening; animation-duration: 0.8s; animation-timing-function: ease; } /* Custom icon button */ .btn-custom-icon .elementor-button-icon { font-size: 65px; } .btn-custom-icon a:hover .elementor-button-icon svg path { transition: fill .3s ease; } .btn-custom-icon a:hover .elementor-button-icon svg path { fill: #ffffff; stroke: #ffffff; } @media (max-width: 880px) { .elementor-element.hero-section-vidaa > .elementor-shape-bottom svg { animation-name: screenOpeningMobile; animation-duration: 0.8s; animation-timing-function: ease; } } @media (max-width: 767px) { .hero-section-vidaa { min-height: calc(100vh - 50px); } /*#oem-hero .elementor-background-video-hosted {*/ /* object-position: 60% center;*/ /*}*/ /*#homeos-hero .elementor-background-video-hosted {*/ /* object-position: 10% bottom;*/ /*}*/ /*#retailers-hero .elementor-background-video-hosted,*/ /*#advertisers-hero .elementor-background-video-hosted,*/ /*#csp-hero .elementor-background-video-hosted {*/ /* object-position: 25% bottom;*/ /*}*/ /*#about-hero .elementor-background-video-hosted {*/ /* object-position: 40% bottom;*/ /*}*/ #faq-hero, #app-store-hero { min-height: 440px; } } /*===================================================== New Footer - Mobile =====================================================*/ @media only screen and (min-width: 768px) { .create-account-footer { border-bottom: 1px solid #717276; } } .privacy-menu #menu-1-df73160 { justify-content: space-between; } .privacy-menu #menu-1-df73160 li { flex-grow: 0; } .privacy-menu #menu-1-df73160 li, .privacy-menu #menu-1-df73160 li a{ padding: 13px 0; } /*===================================================== Chatbot =====================================================*/ @media (max-width: 1024px) { .chatbot-holder { width: 100px; min-height: 97px; padding: 0; } } /*===================================================== Homepage =====================================================*/ .hero-section-vidaa .video-tabs-homepage { margin-top: auto; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box { cursor: pointer; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box.active-tab .elementor-image-box-img img { border: 2px solid #FFE212; box-shadow: 0px 2px 30px 0px #FFE21299; border-radius: 10px; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box.active-tab .elementor-image-box-title { font-weight: 500 !important; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box.active-tab:hover .elementor-image-box-img img { box-shadow: 0px 2px 40px 0px #FFE21299; } /* Video styles */ /* Ensure the container maintains proper aspect ratio */ .hero-section-vidaa { position: relative; } /* Fix for video scaling on resize */ .hero-section-vidaa .elementor-background-video-container { width: 100% !important; height: 100% !important; } .hero-section-vidaa .elementor-background-video-hosted { width: 100% !important; height: 100% !important; object-fit: cover !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } @media (max-width: 767px) { .hero-section-vidaa { overflow: hidden; } .hero-section-vidaa .video-tabs-homepage { width: 100vw; overflow-x: hidden; } .hero-section-vidaa .video-tabs-homepage .e-child { overflow-x: scroll; justify-content: start; } .hero-section-vidaa .video-tabs-homepage .tabs-homepage { max-width: 500px; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box:last-child { padding-right: 20px; } .hero-section-vidaa .video-tabs-homepage .elementor-widget-image-box .elementor-image-box-content { margin-top: -10px; } } /*===================================================== HomeOS - kids slider =====================================================*/ @media all and (min-width: 1024px){ .kids-section .elementor-swiper-button { bottom: -90px !important; height: 47px !important; top: auto !important; } } /*===================================================== HomeOS - slider heartbeat =====================================================*/ .office-slider .elementor-widget-container .e-n-carousel.swiper, .heartbeat-slider .elementor-widget-container .e-n-carousel.swiper { width: calc(100vw - 24px); margin-right: 0; } @media (min-width: 1620px) { .heartbeat-slider .elementor-widget-container .e-n-carousel.swiper { width: calc(100vw - ((100vw - 1620px) / 2)); margin-left: 0; margin-right: calc(-1 * ((100vw - 1620px) / 2)); } } .heartbeat-box-slider { background: #ffffff; height: 100%; border-radius: 15px; } .heartbeat-box-slider .elementor-absolute { transform: translateX(-50%); } .heartbeat-box-slider .elementor-image-box-img img { height: 246px; object-fit: cover; } .heartbeat-box-slider .elementor-image-box-content { padding: 0 35px 16px; } .heartbeat-slider .elementor-shape-bottom { bottom: 235px; } .heartbeat-float-img { left: 50%; transform: translateX(-50%); } .heartbeat-box-slider { overflow: hidden; } .heartbeat-box-slider .elementor-image-box-content { position: relative; } .heartbeat-box-slider figure.elementor-image-box-img, .heartbeat-box-slider figure.elementor-image-box-img img { width: 100%; } .heartbeat-box-slider .elementor-image-box-content::before { display: block; content: ''; background-image: url(/wp-content/uploads/2026/01/box-inverted-triangle-white.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center bottom; z-index: 1; width: 100%; height: 93px; position: absolute; top: -130px; left: 0; right: 0; } .heartbeat-slider-csp .elementor-image-box-content::before { top: -135px; } @media (min-width: 880px) { .office-slider .swiper-pagination-bullets, .heartbeat-slider .swiper-pagination-bullets { display: none; } } @media (max-width: 768px) { .heartbeat-box-slider .elementor-image-box-img img { height: 181px; } } @media (min-width: 480px) and (max-width: 767px) { .heartbeat-slider.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide { width: 100%!important; } } /* HomeOs Remote */ @media (max-width: 1024px) { .homeos-remote-img { position: relative; } } /* Filterable Gallery */ .filterable-gallery .uael-masonry-filter { border-radius: 46px; } @media (max-width: 767px) { .filterable-gallery .uael-masonry-filters-wrapper { width: calc(100vw - 24px); } .filterable-gallery .uael-masonry-filters-wrapper .uael-masonry-filters { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: auto; max-width: none; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .filterable-gallery .uael-masonry-filters .uael-masonry-filter { flex-shrink: 0; } .filterable-gallery .uael-masonry-filters-wrapper .uael-masonry-filters .uael-masonry-filter { text-transform: uppercase; } } @media only screen and (min-width: 1200px) { .filterable-gallery .uael-img-grid-masonry-wrap .uael-grid-item { width: 12.5% !important; } } /*===================================================== FAQ loop =====================================================*/ @media (max-width: 767px) { .faq-loop-grid .elementor-button { display: flex; flex-grow: 1; justify-content: center; } } /*===================================================== Single post =====================================================*/ .social-share-post .fa-envelope:before { content: "\e84d"; font-family: 'vidaa'; } .social-share-post .fa-linkedin:before { content: "\f0e1"; } .post-info .elementor-icon-list-items .elementor-icon-list-item:nth-of-type(2)::after { border-inline-start-style: none !important; } .post-info .elementor-icon-list-items .elementor-icon-list-item:not(:first-of-type) { margin-right: 7px !important; } .post-info .elementor-icon-list-items .elementor-icon-list-item:last-of-type { margin-left: 0 !important; } /*===================================================== Latest posts block =====================================================*/ .latest-posts-block .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after { background-image: none; } span.calculated-reading-time { margin-left: 4px; } .latest-posts-block.elementor-widget-posts .elementor-post__thumbnail__link { width: calc(100% - 52px) !important; margin: 0 auto; border-radius: 15px; } .latest-posts-block .elementor-posts .elementor-post__card .elementor-post__thumbnail img { border-radius: 15px; } .latest-posts-block a.elementor-post__read-more { border: 1px solid #000000; border-radius: 46px; padding: 13px 30px; } .latest-posts-block.elementor-widget-posts a.elementor-post__read-more:hover { background: #000000; color: #ffffff; } .custom-recent-posts .elementor-posts .elementor-post__card, .custom-recent-posts .elementor-posts .elementor-post__card:hover { box-shadow: none; } .custom-recent-posts .elementor-posts .elementor-post__card .elementor-post__text { display: flex; justify-content: space-between; } @meia only screen and (min-width: 1366px) { .latest-posts-block .elementor-posts .elementor-post__card .elementor-post__thumbnail img { height: 300px; object-fit: fill; } } @media (max-width: 1024px) { .custom-recent-posts.elementor-grid-tablet-2 .elementor-grid { grid-template-columns: repeat(4, calc(50% - 36px)); overflow-x: auto; scroll-snap-type: x mandatory; padding-right: 40px; padding-bottom: 20px; } } @media (max-width: 767px) { .custom-recent-posts.elementor-grid-mobile-4 .elementor-grid { grid-template-columns: repeat(4, calc(100% - 52px)); overflow-x: auto; scroll-snap-type: x mandatory; padding-right: 20px; padding-bottom: 20px; } /*.custom-recent-posts .elementor-posts .elementor-post {*/ /* width: 306px;*/ /*}*/ .latest-posts-block a.elementor-post__read-more { border-radius: 26px; padding: 7px 17px; } } .archive-post-loop-read-more li.elementor-icon-list-item { color: #9B9B9B; } .post-slider-share-btn .elementor-share-btn { width: 2.8em; height: auto; } .post-slider-share-btn .fa-linkedin::before { content: '\f0e1'; } .post-slider-share-btn .fa-envelope::before { content: "\e84d"; font-family: 'vidaa'; } /*===================================================== Expanded Slider HomeOS =====================================================*/ .category-trigger { cursor: pointer; transition: all 0.3s ease; transform: scale(1); } .category-trigger:hover { transform: scale(1.1); } .category-trigger.active-category { opacity: 1; transform: scale(1.1); } .category-trigger img { transition: transform 0.3s ease; } @media (min-width: 1620px) { .expanding-slider-container { width: calc( (100vw - ((100vw - 1620px) / 2) - (1620px * 0.33333)) ) !important; max-width: none !important; margin-right: calc(-1 * ((100vw - 1620px) / 2)) !important; padding-right: 24px; } } @media (min-width: 1025px) { .expanding-slider-container .swiper-pagination { display: none; } } @media (max-width: 1024px) { .expanding-slider-container { width: calc(100vw - 24px); } .expanding-slider-container .swiper-slide { margin-right: 10px; } .expanding-slider-container .e-n-carousel.swiper { padding-inline-end: 30px; } } /*===================================================== Advertisers page =====================================================*/ /* Advertisers slider */ @media (min-width: 1025px) { .advertisers-slider.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper> .swiper-slide:not(.swiper-slide-active) img { height: 85%; transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center center; opacity: 0.5; } .advertisers-slider.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper> .swiper-slide:not(.swiper-slide-active) .elementor-widget-image .elementor-widget-container { display: flex; align-items: end; margin-bottom: 0px; } .advertisers-slider.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper> .swiper-slide:not(.swiper-slide-active) .elementor-widget-text-editor, .advertisers-slider.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper> .swiper-slide:not(.swiper-slide-active) .elementor-widget-heading { opacity: 0; } .advertisers-slider.elementor-widget-n-carousel .swiper-pagination { display: none; } } /* Channels */ @media (max-width: 1060px) { .galleryid-4530 { display: flex; } } @media (max-width: 1024px) { .advertisers-slider.elementor-widget-n-carousel .e-n-carousel.offset-both { padding-inline-start: 0; margin: 0; width: calc(100vw - 24px); } .advertisers-slider.elementor-widget-n-carousel .swiper-pagination { top: calc(100% - 15px); } } @media (max-width: 767px) { .advertisers-video.elementor-widget-video .elementor-wrapper, .advertisers-soccer-video.elementor-widget-video .elementor-wrapper { aspect-ratio: 0.5625; } } /*===================================================== About - page =====================================================*/ .about-stats .elementor-counter-title { text-align: center; } .about-features .heartbeat-box-slider .elementor-image-box-content::before { top: -130px; } .office-slider .e-con .elementor-widget.elementor-widget { height: 100%; } /*.vidaa-offices .elementor-widget-image-box {*/ /* height: 100%;*/ /*}*/ .vidaa-team-members .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-name, .vidaa-team-members .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desig { padding: 0; } .vidaa-team-members .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desig { margin-bottom: 0; } .vidaa-team-members .elementor-widget.elementor-widget-uael-team-member { width: 301px; } .vidaa-team-members .uael-team-member-image img { border-radius: 10px; object-fit: cover; object-position: top; } .vidaa-team-members .elementor-icon.elementor-social-icon { width: auto; } .vidaa-team-members .elementor-social-icon-vidaa-iconic_mailbox { vertical-align: bottom; } .vidaa-team-members .vidaa-iconic_mailbox { font-size: 30px; } /* Fix scroll issue */ #team-leadership { scroll-margin-top: 80px; } @media (max-width: 1640px) { .office-slider .elementor-image-box-img img { object-fit: cover; } } @media (min-width: 768px) { .vidaa-team-members .elementor-icon.elementor-social-icon:last-child { display: none; } } @media (max-width: 768px) { .vidaa-team-members { width: calc(100vw - 24px); margin-right: 0; overflow-x: scroll; } .vidaa-team-members .e-con.e-grid,.e-con.e-grid>.e-con-inner { width: max-content; max-width: unset; padding-right: 24px; } .vidaa-team-members .uael-team-member-content { position: relative; } .vidaa-team-members .uael-team-social-icon .elementor-icon.elementor-social-icon:nth-child(-n+2) { display: none; } .vidaa-team-members .elementor-icon.elementor-social-icon { height: auto; } .vidaa-team-members .uael-team-member-content .uael-team-member-name, .vidaa-team-members .uael-team-member-content .uael-team-member-designation { width: calc(100% - 30px); } .vidaa-team-members .uael-team-social-icon { display: flex; flex-direction: row; align-items: center; gap: 5px; position: absolute; right: 0; bottom: 5px; z-index: 1; } .vidaa-team-members .uael-team-social-icon.active { bottom: 0; padding: 7px 16px; border-radius: 10px; background: #000000; } .vidaa-team-members .uael-team-social-icon.active .elementor-social-icon:nth-child(-n+2) { display: inline-block !important; } .vidaa-team-members .uael-team-social-icon .vidaa-iconic_mailbox::before, .vidaa-team-members .uael-team-social-icon .elementor-social-icon-linkedin .fab.fa-linkedin::before { color: #ffffff; } .vidaa-team-members .uael-team-social-icon.active .elementor-social-icon:last-child svg path { fill: rgba(255, 255, 255, 0.5); } } /*===================================================== Contact Us - page =====================================================*/ @media (max-width: 767px) { .socials-contact.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-bottom: 12px; } } /*===================================================== OEM - page =====================================================*/ .elementor-7234 .elementor-element.elementor-element-7e0d82f.oem-slider .elementor-swiper-button:hover:hover { color: #ffffff; background: #111111; } @media (min-width: 1367px) and (max-width: 1450px) { .oem-v-features h3.elementor-heading-title { font-size: 3.5rem; } } .oem-slider .elementor-swiper-button { display: flex; justify-content: center; align-items: center; background: #ffffff; border-radius: 50%; width: 48px; height: 48px; } @media (max-width: 767px) { .oem-multi-btn.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child { width: 198.36px; } .oem-slider .swiper-slide-contents { text-align: left; } .oem-slider.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button { top: 100%; width: 41px; height: 41px; } .oem-slider.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button-prev { left: 0; } .oem-slider.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button-next { right: 0; } .oem-slider.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; bottom: -10px; left: 50%; transform: translate3d(-50%, 0, 0); } } /*===================================================== CSP - page =====================================================*/ .csp-features .elementor-counter-title { text-align: center; } #csp-distribution .heartbeat-box-slider .elementor-image-box-content { padding: 0 35px 16px; } .distribution-btn .uael-dual-button-wrap .uael-button-wrapper:first-of-type .elementor-button { background: #000000; color: #ffffff; } .distribution-btn .uael-dual-button-wrap .uael-button-wrapper:first-of-type .elementor-button:hover { background: #FFE212; color: #000000; border-color: #FFE212; } .distribution-btn .uael-dual-button-wrap .uael-button-wrapper:last-of-type .elementor-button { background: #ffffff; color: #000000; } .distribution-btn .uael-dual-button-wrap .uael-button-wrapper:last-of-type .elementor-button:hover { background: #000000; color: #ffffff; } .csp-connect .uael-dual-button-wrap .uael-button-wrapper:last-of-type .csp-dual-btn { background: transparent; color: #ffffff; } .csp-connect .uael-dual-button-wrap .uael-button-wrapper:last-of-type .csp-dual-btn:hover { background: #ffffff; color: #000000; } @media (max-width: 767px) { .uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper .csp-dual-btn:last-child { width: 198.36px; } } /*===================================================== Retailers - page =====================================================*/ .retailers-offer-carousel .swiper-slide, .retailers-offer-carousel .swiper-slide >.e-con, .retailers-offer-carousel .swiper-slide .offer-slide-divider, .retailers-offer-carousel .swiper-slide .before-slide-divider { transition: all ease .3s; } .retailers-offer-carousel .swiper-slide .now-offer-slide-content h4, .retailers-offer-carousel .swiper-slide .now-offer-slide-content h5 { transition: all ease .2s; } .retailers-offer-carousel .swiper-slide:not(.swiper-slide-active):not(:hover) .now-offer-slide-content h4 { font-size: 31px; font-weight: 700; line-height: 40px; } .retailers-offer-carousel .swiper-slide:not(.swiper-slide-active):not(:hover) .now-offer-slide-content h5 { font-size: 18px; font-weight: 400; line-height: 150%; } @media (min-width: 1620px) { .retailers-offer-carousel .elementor-widget-container .e-n-carousel.swiper { width: calc(100vw - ((100vw - 1620px) / 2)); margin-left: 0; margin-right: calc(-1 * ((100vw - 1620px) / 2)); } } @media (min-width: 1367px) { /* Active or hovered slides take more width */ .retailers-offer-carousel .swiper-slide.swiper-slide-active, .retailers-offer-carousel .swiper-slide:hover { flex-basis: 28% !important; /* Adjust percentage */ max-width: 28% !important; } /* Inactive slides compress */ .retailers-offer-carousel .swiper-slide:not(.swiper-slide-active):not(:hover) { flex-basis: 20% !important; /* Adjust percentage */ max-width: 20% !important; } } @media (min-width: 1025px) { .retailers-offer-carousel .swiper-pagination { display: none; } .retailers-offer-carousel .swiper-slide:not(.swiper-slide-active):not(:hover) .offer-slide-divider, .retailers-offer-carousel .swiper-slide:not(.swiper-slide-active):not(:hover) .before-offer-slide-content { display: none; } .retailers-offer-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide:not(.swiper-slide-active):not(:hover)>.e-con { height: 505px; } } @media (max-width: 1024px) { .retailers-offer-carousel { width: calc(100vw - 24px); } } /*===================================================== FAQ - page =====================================================*/ .faq-filters.elementor-widget-taxonomy-filter .e-filter { align-items: baseline; } .faq-filters .parent-category-group { display: flex; flex-direction: column; gap: 10px; } .faq-filters .child-categories-wrapper { display: none; margin-left: 20px; padding-left: 15px; border-left: 3px solid #000; flex-wrap: wrap; gap: 8px; } .faq-filters .child-categories-wrapper.active { display: flex; } /*===================================================== 404 - page =====================================================*/ .error-page-links .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item > a { color: #ffffff; } @media (max-width: 767px) { .error-page-links .elementor-widget .elementor-icon-list-items.elementor-inline-items { flex-direction: column; } .error-page-links .elementor-widget .elementor-icon-list-items.elementor-inline-items li { margin-bottom: 16px; } } /*===================================================== Navigation =====================================================*/ /*.elementor-nav-menu__align-right .elementor-nav-menu {*/ /* align-items: baseline;*/ /*}*/ .elementor-nav-menu--main ul.elementor-nav-menu .my-vidaa-menu-item > a { padding: 6px 26px; border-radius: 27px; display: block; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ul.elementor-nav-menu .my-vidaa-menu-item { margin-right: 15px } ul.elementor-nav-menu .my-vidaa-menu-item a { border: 1px solid #c72ad3; color: #c72ad3; } ul.elementor-nav-menu .my-vidaa-menu-item a:hover { color: #ffffff; background: #c72ad3; } .partner-login-menu-item > a { margin: 0 auto; } .elementor-nav-menu span.sub-arrow { display: inline; } .elementor-menu-toggle { outline: none; } .partner-info-holder .elementor-widget-wrap { display: flex; justify-content: flex-end; align-items: center; } .elementor-widget-wrap>.partner-welcome-info, .elementor-widget-wrap>.partner-menu-name { width: auto; margin: 0; } .partner-welcome-info { margin-right: 10px; } .pp-logo .wp-caption { display: flex; align-items: center; } .pp-logo figcaption { margin-left: 10px; margin-top: 15px; } @media only screen and (min-width: 768px) { .elementor-nav-menu--main .elementor-nav-menu .partner-portal-menu-name { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #00ACEB; } .elementor-nav-menu--main .elementor-nav-menu .partner-portal-menu-name > a { padding: 14px; } #menu-1-2519fd8 ul.sub-menu.elementor-nav-menu--dropdown li a { padding: 10px 0; font-size: 13px; } .elementor-nav-menu .partner-portal-menu-name .sub-arrow { display: none; } .partner-portal-menu-name.menu-item-has-children ul.sub-menu.elementor-nav-menu--dropdown { top: 40px !important; left: -7px !important; } .partner-portal-menu-name ul.sub-menu.elementor-nav-menu--dropdown::after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } } @media only screen and (min-width: 1024px) { .partner-portal-menu-name.menu-item-has-children ul.sub-menu.elementor-nav-menu--dropdown { left: 58px !important; top: 50px !important; } .menu-item-has-children ul.sub-menu.elementor-nav-menu--dropdown { padding: 0 15px; left: 50% !important; transform: translateX(-50%); } ul.sub-menu.elementor-nav-menu--dropdown::after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } ul.sub-menu.elementor-nav-menu--dropdown li a, ul.sub-menu.elementor-nav-menu--dropdown li a:hover, ul.sub-menu.elementor-nav-menu--dropdown li a:focus{ border-left: 0; padding: 10px 0; } .elementor-nav-menu .partner-login-menu-item .sub-arrow { display: none; } } li.menu-item-has-children > ul.sub-menu { border-top: 1px solid #dddcdc; } ul#menu-2-e971e5c li.menu-item-has-children > ul.sub-menu li { background: #c72ad3; border-color: #ffffff; } ul#menu-2-e971e5c li.menu-item-has-children > ul.sub-menu li a.elementor-sub-item { color: #fff; transition: all ease .3s; } ul#menu-2-e971e5c li.menu-item-has-children > ul.sub-menu li a.elementor-sub-item:hover { color: #c72ad3; } ul#menu-2-e971e5c li.menu-item-has-children > ul.sub-menu li a.elementor-sub-item.elementor-item-active { color: #c72ad3; } /*===================================================== Forms ===================================================== */ /*::-webkit-input-placeholder {*/ /* color: #ffffff;*/ /* opacity: 1 !important;*/ /*}*/ /*:-ms-input-placeholder {*/ /* color: #ffffff;*/ /* opacity: 1 !important;*/ /*}*/ /*::placeholder {*/ /* color: #ffffff;*/ /* opacity: 1 !important;*/ /*}*/ textarea { resize: none; } /*span.elementor-message.elementor-message-danger.elementor-help-inline.elementor-form-help-inline {*/ /* position: absolute;*/ /* margin-bottom: 0;*/ /* bottom: -24px;*/ /*}*/ /*.elementor-field-group .elementor-field-textual:focus {*/ /* border-color: inherit;*/ /* -webkit-box-shadow: none;*/ /* box-shadow: none;*/ /*}*/ /*===================================================== ultimate membership forms =====================================================*/ #um-admin-form-shortcode .inside { text-align: center; } .um-form .um-field-block { font-size: 18px; font-weight: 500; color: #202328; } .popup-login-form .um .um-form input[type=text], .popup-login-form .um .um-form input[type=search], .popup-login-form .um .um-form input[type=tel], .popup-login-form .um .um-form input[type=number], .popup-login-form .um .um-form input[type=password], .popup-login-form .um .um-form textarea, .popup-login-form .upload-progress, .popup-login-form .select2-container .select2-choice, .popup-login-form .select2-drop, .popup-login-form .select2-container-multi .select2-choices, .popup-login-form .select2-drop-active, .popup-login-form .select2-drop.select2-drop-above { padding: 15px 36px !important; border-radius: 16px; font-family: Owners Wide; font-weight: 400; font-size: 22px !important; line-height: 150%; height: 53px !important; color: #000000 !important; } .popup-login-form .um-toggle-password { line-height: 2.2; font-size: 25px; color: #000000; } .popup-login-form .um-toggle-password:hover i { color: #000000; } .popup-login-form .um-form input[type=submit].um-button { width: 100% !important; } .popup-login-form .um-field-checkbox-option, .popup-login-form .um-field-radio-option, .popup-login-form a.um-link-alt { font-size: 15px; color: #000000 !important; } .um .um-form input[type=submit].um-button:hover { background: #000000; color: #ffffff; border: 1px solid #000000 !important; } .um .um-button.um-alt { border: 1px solid #c72ad3 !important; color: #c72ad3 !important; background: transparent !important; border-radius: 25px !important; text-transform: uppercase !important; font-family: 'Work Sans', sans-serif; font-weight: 500 !important; } .um .um-button.um-alt:hover { background: #c72ad3 !important; color: #fff !important; } .um-icon-android-checkbox-outline:before { color: #c72ad3; } a.um-button, input[type=submit].um-button { border-radius: 25px !important; font-weight: 500 !important; } .input[type=tel].um-form-field::-webkit-input-placeholder, input[type=password].um-form-field::-webkit-input-placeholder, input[type=text].um-form-field::-webkit-input-placeholder, input[type=email].um-form-field::-webkit-input-placeholder{ /* WebKit, Blink, Edge */ color: #202328; } input[type=tel].um-form-field:-moz-placeholder, input[type=password].um-form-field:-moz-placeholder, input[type=text].um-form-field:-moz-placeholder, input[type=email].um-form-field:-moz-placeholder { color: #202328; opacity: 1; } input[type=tel].um-form-field::-moz-placeholder, input[type=password].um-form-field::-moz-placeholder, input[type=text].um-form-field::-moz-placeholder, input[type=email].um-form-field::-moz-placeholder { color: #202328; opacity: 1; } input[type=tel].um-form-field:-ms-input-placeholder, input[type=password].um-form-field:-ms-input-placeholder, input[type=text].um-form-field:-ms-input-placeholder, input[type=email].um-form-field:-ms-input-placeholder { color: #202328; } /*===================================================== UM Profile =====================================================*/ .toggle-btn { display: flex; border-radius: 50%; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); width: 48px; height: 48px; align-items: center; justify-content: center; color: black; font-size: 14px; cursor: pointer; } .toggle-btn .fa-chevron-left { margin-right: 3px; font-size: 12px; } .toggle-btn .fa-bars { margin-right: 10px; } .um-account-main { min-width: calc(100% - 345px); } .um-account-side { max-width: 345px; } .um-account .um-account-side.opened { max-width: 345px; width: 100%; } .um-account .um-account-side { width: 6%; max-width: 70px; } .um-account .um-account-side ~ .um-account-main { width: 94%; min-width: calc(100% - 70px); } .um-account .um-account-side.opened ~ .um-account-main { width: min-content; min-width: calc(100% - 345px); } div.uimob800 .um-account-main { max-width: 100%; } /* trying to fix elementor issue */ .um-account-side span.um-account-title.uimob800-hide, span.um-account-icontip.uimob800-show.um-tip-w { display: none; } .um-account-side.opened span.um-account-title.uimob800-hide { display: inline; } .um-dropdown .um-dropdown-b li a:hover, .um-profile.um .um-profile-headericon .um-dropdown-b a:hover, .um-profile.um .um-dropdown-b .um-profile-edit-a.active, .um-account-side .um-account-name a:hover { color: #c72ad3; } .um-account .um-account-side li a.current span.um-account-icon, .um-account .um-account-side li a.current:hover span.um-account-icon, .um .um-form a.um-link:hover, .um .um-form a.um-link-hvr:hover, .um .um-cover-e .um-cover-add:hover { color: inherit; } .um-dropdown-arr .um-icon-arrow-up-b { color: #fff; } .um-account .um-account-side li { background: transparent; } .um-account .um-account-side li a { border-radius: 5px; } .um-form .um-account-side li a.current span.um-account-title, .um-account .um-account-side li a.current span.um-account-icon { color: #000; } .um-account .um-account-side li .um-account-link { background: transparent; } .um-account .um-account-side li .um-account-link:hover, .um-account .um-account-side li .um-account-link.current { background: #F3F4F7; } .um-account .um-account-side li a.current, .um-account .um-account-side li a.current:hover { color: #fff; font-weight: inherit; } .um-account .um-account-side li a.current span.um-account-icon, .um-account .um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon, .um-account .um-account-side li a.current:hover span.um-account-icon { border-right: none; } .um-account .um-account-side li a span.um-account-title { padding-left: 0; font-size: 15px; color: #000000; font-weight: 500; } .um .um-form input[type=submit].um-button { background: #FFE212; color: #111111; text-transform: uppercase !important; border: 0.5px solid #FFE212 !important; } .um .um-form input[type=submit].um-button:hover, .um .um-form input[type=submit].um-button:focus { background: #ffffff; color: #111111; border-color: #111111; } i.um-faicon-angle-right, .um-form .um-account-main div.um-account-heading, .um .um-account-profile-link a.um-link, .um-account .um-account-side li a span.um-account-icon, .um-profile-edit i { color: #000; } .um-account-side ul li { margin-bottom: 10px !important; } .um-account-side li a:hover i { color: #000; } .um-account-side li a.current i.um-faicon-angle-right { color: #000; } .um-account-tab .um-field .um-field-label { color: #000000; font-size: 18px !important; font-weight: 500 !important; } .um.um-account .um-form input[type=password], .um.um-account .um-form input[type=search], .um.um-account .um-form input[type=tel], .um.um-account .um-form input[type=text], .um.um-account .um-form textarea { border: 0.5px solid #6F6F6F !important; border-radius: 8px !important; color: #000000 !important; font-family: 'Owners Wide', sans-serif; font-weight: 400; } .um-form .um-request-button, .um .um-form input[type=submit].um-button { background: #FFE212; color: #000000; text-transform: none !important; border: 1px solid #FFE212; border-radius: 25px; border-bottom: 1px solid #FFE212 !important; font-family: 'Owners Wide', sans-serif; font-weight: 500 !important; font-size: 20px; padding: 13px 30px !important; } .um-form .um-request-button:hover, #um_account_submit_general:hover, #um_account_submit_password:hover { background: #000000; color: #ffffff; } a.um-request-button.um-erase-data-button { vertical-align: middle; } .um-col-alt-b .um-left { float: right; } div#um_field_general_user_login { display: none; } #js-invited-csp-tbl thead th, #js-detail-view-tbl thead th, #vip-list thead th { font-size: 24px; color: #000000; font-weight: 500; } #vip-list thead th:last-child { text-align: right; } #js-invited-csp-tbl tbody td, #js-detail-view-tbl tbody td, #vip-list tbody td { font-size: 22px; } @media (max-width: 767px) { #js-invited-csp-tbl thead th, #js-detail-view-tbl thead th, #vip-list thead th { font-size: 18px; } #js-invited-csp-tbl tbody td, #js-detail-view-tbl tbody td, #vip-list tbody td { font-size: 15px; } } .um-field .um-button.add-csp-holder { background: #FFE212; color: #000000; border-radius: 46px !important; padding: 13px 48px !important; font-weight: 500 !important; text-transform: capitalize !important; box-shadow: none; cursor: pointer; } .um-field .um-button.add-csp-holder:hover { background: #000000; color: #ffffff } #js-invited-csp-tbl .app_center_checkbox, #js-invited-csp-tbl .ads_center_checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; width: 20px; height: 20px; border: 2px solid #000; border-radius: 3px; cursor: pointer; vertical-align: middle; margin-left: 10px; padding: 0; } .ads_center_checkbox:checked::before, .app_center_checkbox:checked::before { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: #000 url('data:image/svg+xml;utf8,') center no-repeat; background-size: 14px 14px; border-radius: 2px; vertical-align: middle; margin-right: 5px; } .partners-filter button.js-partners-filter-submit { background: #ffffff; } .partners-filter button.js-partners-filter-cancel, .partners-filter button.js-partners-filter-status-cancel { background: #FFE212; } .partners-filter button.js-partners-filter-submit, .partners-filter button.js-partners-filter-cancel, .partners-filter button.js-partners-filter-status-cancel { border-radius: 46px !important; font-size: 15px; line-height: 18px; } #service-display .js-invite-partner-member { color: #111111; text-decoration: underline; font-weight: 500; } /*===================================================== UM Modal =====================================================*/ .um-popup.csp-form { z-index: 100; } #service-display .modal-content { padding: 125px 15px 25px; } .um-modal .um-modal-header, .um-modal .um-modal-btn, .um-modal .um-modal-btn.disabled, .um-modal .upload { background: #c72ad3; color: #fff; } .um-modal .um-modal-btn.alt { background: transparent; color: #c72ad3; } .um-modal .um-modal-btn, .um-modal .um-modal-btn.disabled, .um-modal .upload, div.um-modal .um-modal-body .upload { border: 1px solid #c72ad3; border-radius: 27px; text-transform: uppercase; line-height: 30px !important; } .um-modal .um-modal-btn:hover, .um-modal .um-modal-btn.disabled:hover, .um-modal .upload:hover, div.um-modal .um-modal-body .upload:hover { background: #fff; color: #c72ad3; } .um-modal .um-modal-btn.alt:hover { background: #c72ad3; color: #fff; } .csp-form .modal-content .btn-holder button, .js-dialog-confirmation .modal-content .btn-holder button { border-radius: 46px; color: #000000; border-color: #000000; font-size: 15px; } .csp-form .modal-content .btn-holder .invite-btn { background: #FFE212; color: #000000; border: #FFE212; } /*===================================================== Welcome Docs Tab =====================================================*/ .welcome-docs-tabs { position: relative; border-radius: 20px; transition: all ease .3s; box-sizing: border-box; background: #fff; background-clip: padding-box; border: 2px solid transparent; } /*.welcome-docs-tabs::before {*/ /* content: '';*/ /* position: absolute;*/ /* top: 0; right: 0; bottom: 0; left: 0;*/ /* z-index: -1;*/ /* margin: 0;*/ /* border-radius: inherit;*/ /* background: linear-gradient(72.51deg, #C72AD3, #4A30F2);*/ /* transition: all ease .5s;*/ /*}*/ .welcome-docs-tabs .elementor-widget-container { display: flex; flex-direction: column; justify-content: center; } .welcome-docs-tabs:hover { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25); } /*.welcome-docs-tabs:hover::before {*/ /* margin: -2px;*/ /*}*/ section.equal-height div.elementor-widget-wrap > div { display: flex; height: 100%; } .welcome-docs-tabs .elementor-widget-container { width: 100%; } /*===================================================== Gravity Form =====================================================*/ body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label { color: #000; font-family: 'Owners Wide', Sans-Serif; font-size: 18px; font-style: normal; font-weight: 500; text-align: left; } .gform_wrapper .show-hidden-fileds { display: block; visibility: visible; position: relative; left: auto; } #gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder { Chrome/Opera/Safari color: #000; } #gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder { Firefox 19+ color: #000; } #gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder { IE 10+ color: #000; } #gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder { Firefox 18- color: #000; } .ginput_container.ginput_container_select { position: relative; } .ginput_container.ginput_container_select .gfield_select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .ginput_container.ginput_container_select::after { display: block; content: ''; position: absolute; background-image: url(/wp-content/uploads/2021/04/arrow-down.svg); background-repeat: no-repeat; background-position: center left; right: 45px; top: 20px; font-size: 23px; z-index: 10; color: black; pointer-events: none; width: 30px; height: 30px; } select#input_1_1 { background: #fff; } #gform_submit_button_1 { border-radius: 46px; padding: 13px 30px; background: #FFE212; border: 1px solid #FFE212; transition: all ease .3s; cursor: pointer; font-family: 'Owners Wide', Sans-Serif; font-weight: 500; font-size: 20px; line-height: 150%; width: 100%; text-align: center; outline: none; } #gform_submit_button_1:hover, #gform_submit_button_1:focus { background: transparent; border: 1px solid #000000; } /* Custom black and white checkbox for Gravity Forms */ /* Custom checkbox container */ .gchoice { position: relative; display: flex; align-items: center; } /* Hide default checkbox */ .gfield-choice-input { opacity: 0; position: absolute; width: 20px; height: 20px; cursor: pointer; z-index: 2; } /* Custom checkbox visual */ .um-field-checkbox .um-icon-android-checkbox-outline:before, .gfield-choice-input + label::before { content: ''; display: inline-block; width: 20px; height: 20px; border: 0.5px solid #6F6F6F; border-radius: 3px; background: white; margin-right: 15px; flex-shrink: 0; vertical-align: middle; } /* Black arrow when checked */ .um-field-checkbox.active .um-icon-android-checkbox-outline:before, .gfield-choice-input:checked + label::before { background: #000 url('data:image/svg+xml;utf8,') center no-repeat; background-size: 14px 14px; } .gfield .ginput_container .gfield_select, .gfield .ginput_container #input_1_31_3, .gfield .ginput_container #input_1_14, .gfield .ginput_container #input_1_16, .gfield .ginput_container #input_1_30, .gfield .ginput_container textarea { border: 0.5px solid #6F6F6F; border-radius: 16px; padding: 20px 49px; color: #000; font-family: 'Owners Wide', Sans-Serif; font-size: 18px; font-weight: 400; outline: none; } li.gchoice.gchoice_1_28_1 label#label_1_28_1 { font-weight: 400; } #gform_submit_button_1[disabled="disabled"] { opacity: .3; } .gf-info-tooltip { display: none; position: absolute; padding: 10px; font-size: 12px; border: 1px solid #fff; max-width: 150px; border-radius: 5px; font-family: 'Owners Wide', Sans-Serif; text-align: center; color: #000; background: #fff; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px); font-weight: 300; } .gf-info-tooltip:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } #gfield_description_1_16 .fa:hover .gf-info-tooltip { display: block; width: 150px; right: -52px; top: -70px; } #gfield_description_1_29 .fa:hover .gf-info-tooltip, #gfield_description_1_30 .fa:hover .gf-info-tooltip { display: flex; padding: 20px 25px; justify-content: space-between; align-items: center; text-align: left; } #gfield_description_1_30 .fa:hover .gf-info-tooltip { width: 565px; max-width: 565px; top: -264px; right: -258px; } #gfield_description_1_29 .fa:hover .gf-info-tooltip { width: 550px; max-width: 550px; right: -252px; top: -190px; } .field-info { margin-right: 5px; } .field-info h6 { font-family: 'Owners Wide', Sans-Serif; font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: 0%; } #field_1_12, .subtopic-qa { margin-top: 56px !important; } #gfield_description_1_29, #gfield_description_1_30, #gfield_description_1_16 { display: inline-block; /*width: calc(100% - 256px);*/ width: auto; margin-left: 15px; text-align: right; position: relative; z-index: 1; } /*.email-to-support-label,*/ /*.subtopic-qa h5 {*/ /* font-family: 'Source Sans Pro', sans-serif;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-size: 24px;*/ /* line-height: 36px;*/ /*}*/ /*.show-on-btn {*/ /* display: none;*/ /* visibility: hidden;*/ /*}*/ /*===================================================== GF on error =====================================================*/ #gform_wrapper_1.gform_validation_error #field_1_12, #gform_wrapper_1.gform_validation_error .subtopic-qa { display: none !important; } #gform_wrapper_1.gform_validation_error input#gform_submit_button_1, #gform_wrapper_1.gform_validation_error .show-on-btn { display: block; visibility: visible; } #gform_wrapper_1 li.gfield.gfield_error, #gform_wrapper_1 div.validation_error { background: none; border: none; font-weight: 400; padding-bottom: 0; padding-top: 0; margin-bottom: 0; margin-right: 0; } #gform_wrapper_1 .validation_message { padding: 12px; font-size: 14px; line-height: 20px; margin: 12px 0 0 0; color: #fff; background: #C74A4A; border-radius: 3px; position: relative; font-weight: 400; } #gform_wrapper_1 .validation_message:after { bottom: 100%; left: 5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 15, 15, 0); border-bottom-color: #C74A4A; border-width: 9px; margin-left: -9px; } .gform_wrapper li.gfield_error textarea { border: 2px solid #676B7A; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } @media only screen and (max-width: 880px) { #gfield_description_1_30 .fa:hover .gf-info-tooltip, #gfield_description_1_29 .fa:hover .gf-info-tooltip { flex-direction: column; padding: 15px; width: 250px; } .field-info { margin-bottom: 15px; margin-right: 0; } .field-info h6 { font-size: 15px; line-height: 16px; } .field-img { max-height: 135px; width: inherit; } #gfield_description_1_29 .fa:hover .gf-info-tooltip { top: -298px; right: -102px; } #gfield_description_1_30 .fa:hover .gf-info-tooltip { right: -102px; top: -280px; } .gfield .ginput_container .gfield_select, .gfield .ginput_container #input_1_31_3, .gfield .ginput_container #input_1_14, .gfield .ginput_container #input_1_16, .gfield .ginput_container #input_1_30, .gfield .ginput_container textarea, body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label { font-size: 15px; } #gform_submit_button_1 { font-size: 13px; } .gfield .ginput_container .gfield_select, .gfield .ginput_container #input_1_31_3, .gfield .ginput_container #input_1_14, .gfield .ginput_container #input_1_16, .gfield .ginput_container #input_1_30, .gfield .ginput_container textarea { padding: 4.33px 17px; border-radius: 7px; } .gfield .ginput_container input, .gfield .ginput_container .gfield_select { height: 40px; } .ginput_container.ginput_container_select::after { top: 7px; right: 21px; } } /*===================================================== Customer support tabs =====================================================*/ #tab-links li a:not(.inactive) span { color: #c72ad3; } #tab-links li a:not(.inactive) span::after { content: ''; display: block; margin-top: 5px; height: 5px; width: 100%; background: linear-gradient( 73.25deg ,#FE419D -3.96%, #c72ad3 49.64%, #6e2383 100%) } #how-to-videos .video-desc { font-family: Source Sans Pro; font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; } #how-to-videos .uael-video__gallery-item .uael-vg__overlay { height: calc(100% - 56px); } .active-cs-faq .arr-down { transform: rotate( 180deg ); } #faq a.elementor-button-link.elementor-button { margin-bottom: 64px; } .cs-faq-title { cursor: pointer; } .cs-faq-title .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 10px 0; } .cs-faq-content { display: none; } .ecs-posts.elementor-grid { grid-row-gap: 6px; } .cs-cat-loop.elementor-widget-posts .ecs-load-more-button .elementor-button { padding: 10px 45px; background: #fff; color: #c72ad3; border-color: #c72ad3; } .cs-cat-loop.elementor-widget-posts .ecs-load-more-button .elementor-button:hover { background: #c72ad3; color: #fff; } .single-customer_support main.customer_support { padding-top: 100px; padding-bottom: 200px; border-bottom: 1px solid #dddcdc; } .social-footer.elementor-shape-rounded .elementor-icon.elementor-social-icon { width: auto; height: auto; } /*===================================================== Partner slider =====================================================*/ .continuous-carousel { pointer-events: none; } @media only screen and (min-width: 1200px) { #infinite-carousel-small-1 .swiper-slide, #infinite-carousel-small-2 .swiper-slide { width: 7.142857% !important; flex-shrink: 0 !important; } } .continuous-carousel .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .booth p { margin-bottom: 0 !important; } body.page-id-4144 header, body.page-id-4144 .elementor-location-header { display: none !important; } /*===================================================== Privacy Policy =====================================================*/ .page-id-4503 .elementor-button-content-wrapper { align-items: center; } /*===================================================== Gallery Spinner - inifinite carousel =====================================================*/ /* Wrapper */ .gallery-spinner{ overflow: hidden; width: 100%; padding: 10px 0 0; } /* Start hidden until ready */ .gallery-spinner{ opacity: 0; transition: opacity .35s ease; } .gallery-spinner.is-ready{ opacity: 1; } .elementor-editor-active .gallery-spinner{ opacity: 1 !important; } /* WP gallery container */ .gallery-spinner .elementor-image-gallery{ overflow: hidden; } /* Keep WP .gallery neutral (we'll inject .gallery-track inside it) */ .gallery-spinner .gallery{ margin: 0 !important; padding: 0 !important; } /* Our injected track */ .gallery-spinner .gallery-track{ display: flex; flex-wrap: nowrap; align-items: center; gap: 24px; width: max-content; will-change: transform; transform: translate3d(0,0,0); /* SPEED: increase seconds = slower */ animation: marquee-left 120s linear infinite; } /* Reverse direction */ .gallery-spinner.gallery-spinner--reverse .gallery-track{ animation-name: marquee-right; } /* Items */ .gallery-spinner .gallery-item, .gallery-spinner .gallery-icon{ margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; width: auto !important; } /* Images - stable box prevents reflow */ .gallery-spinner .gallery-item img{ width: 126px !important; max-height: 126px !important; object-fit: contain; display: block; } @media all and (max-width: 1366px) { .gallery-spinner .gallery-track{ gap: 20px; } .gallery-spinner .gallery-item img{ width: 110px !important; max-height: 110px !important; } } @media all and (max-width: 1200px) { .gallery-spinner .gallery-item img{ width: 100px !important; max-height: 100px !important; } } @media all and (max-width: 1024px) { .gallery-spinner .gallery-item img{ width: 90px !important; max-height: 90px !important; } } @media all and (max-width: 1024px) { .gallery-spinner .gallery-item img{ width: 80px !important; max-height: 80px !important; } } @media all and (max-width: 580px) { .gallery-spinner .gallery-track{ gap: 18px; } .gallery-spinner .gallery-item img{ width: 70px !important; max-height: 70px !important; } } .gallery-spinner .gallery-caption{ display: none !important; } /* Keyframes: move exactly one "set" width */ @keyframes marquee-left{ from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-1 * var(--marquee-distance)),0,0); } } @keyframes marquee-right{ from { transform: translate3d(calc(-1 * var(--marquee-distance)),0,0); } to { transform: translate3d(0,0,0); } } @media (prefers-reduced-motion: reduce){ .gallery-spinner .gallery-track{ animation: none !important; transform: none !important; } .gallery-spinner{ opacity: 1 !important; } } /*===================================================== Search Popup =====================================================*/ @media (max-width: 767px) { .popup-search.elementor-widget-search .e-search-form { flex-direction: column; } .popup-search.elementor-widget-search .e-search-input-wrapper { margin-bottom: 17px; } .popup-search.elementor-widget-search .e-search-submit { justify-content: center; } .popup-search i.fas.fa-search { top: 20px; } } .custom-breadcrumb { font-family: 'Owners Wide', Sans-Serif; font-weight: 400; font-size: 18px; color: #A0A1A4; line-height: 150%; letter-spacing: 5%; } /*===================================================== Search Result page =====================================================*/ /* Ajax Search Pro */ body.search-results #ajaxsearchpro3_1 .proinput:before { content: '\f002'; display: inline-block; color: #000000; position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 20px; font-size: 18px; } body.search-results #ajaxsearchpro3_1 .probox .proinput input.autocomplete, body.search-results #ajaxsearchpro3_1 .probox .proinput input.orig { padding-left: 40px !important; } body.search-results #ajaxsearchpro3_1 .probox { height: auto; } body.search-results #ajaxsearchpro3_1 .probox .promagnifier { background: #FFE212; padding: 0px 30px; border-radius: 46px; } body.search-results #ajaxsearchpro3_1 .probox .promagnifier .asp_text_button { font-family: 'Owners Wide', Sans-Serif; color: #000000; font-weight: 500; } body.search-results #ajaxsearchpro3_1 .probox .proinput { border: .5px solid #6F6F6F; border-radius: 16px; padding: 0px 29px; margin-right: 20px; } /* Filters */ body.search-results #ajaxsearchprobsettings3_1.searchsettings fieldset { width: auto; } body.search-results div.asp_w.asp_sb.searchsettings .asp_label { font-family: 'Owners Wide', Sans-Serif; font-weight: 500; font-size: 15px; line-height: 150%; border: 1.2px solid #000000; padding: 13px 25px; border-radius: 46px; margin-right: 13px; } body.search-results div.asp_w.asp_sb.searchsettings .asp_label.asp_option_checked { color: #ffffff; background: #000000; } body.search-results div.asp_w.asp_sb.searchsettings input[type=radio] { display: none; } body.search-results #ajaxsearchpro3_1 .probox .proclose { position: absolute; left: calc(100% - 235px); } @media (max-width: 767px) { body.search-results #ajaxsearchpro3_1 .probox { flex-direction: column; } body.search-results #ajaxsearchpro3_1 .probox .proinput, body.search-results #ajaxsearchpro3_1 .probox .promagnifier { width: auto; } body.search-results #ajaxsearchpro3_1 .probox .proinput input.autocomplete, body.search-results #ajaxsearchpro3_1 .probox .proinput input.orig { font-size: 15px; padding-left: 30px !important; } body.search-results #ajaxsearchpro3_1 .probox .promagnifier .asp_text_button { font-size: 13px; } body.search-results #ajaxsearchpro3_1 .probox .proinput { margin: 0 0 17px; padding: 0 10px; } body.search-results #ajaxsearchpro3_1 .probox .promagnifier .asp_text_button { text-align: center; float: none; } body.search-results div.asp_w.asp_sb.searchsettings .asp_label { font-size: 13px; padding: 7px 17px; } body.search-results #ajaxsearchpro3_1 .proinput:before { font-size: 14px; top: 22px; } body.search-results #ajaxsearchpro3_1 .probox .proclose { left: calc(100% - 60px); } } /*===================================================== Careers page =====================================================*/ .careers-box-slide, .careers-box-slide .elementor-image-box-wrapper { height: 100%; } .filter-bar { display: flex; gap: 30px; margin-bottom: 30px; flex-wrap: wrap; } .filter-bar input#job-search, .filter-bar select { font-size: 22px; padding: 12px 30px; border: 1px solid #6F6F6F; border-radius: 16px; width: 100%; outline: none; appearance: none; -webkit-appearance: none; } .filter-bar label { display: flex; width: auto; min-width: 330px; flex: 1; } .filter-bar input#job-search { border: 1px solid #757575; } .filter-bar label { position: relative; } .filter-bar label:not(.search-label)::after { display: block; content: ''; position: absolute; background-image: url(/wp-content/uploads/2021/04/arrow-down.svg); background-repeat: no-repeat; background-position: center left; right: 20px; top: 14px; font-size: 23px; z-index: 10; color: black; pointer-events: none; width: 30px; height: 30px; } .job-item { max-width: 795px; padding: 24px 0 20px; border-bottom: 1px solid #000000; } .job-title a { display: flex; justify-content: space-between; font-weight: 500; font-size: 24px; line-height: 140%; color: #000; margin-bottom: 10px; } .job-details { font-weight: 400; font-size: 22px; line-height: 150%; } .job-details p { margin-bottom: 10px; } .job-details p > i { margin-right: 10px; } .loading { text-align: center; padding: 40px; color: #888; } @media (max-width: 768px) { .job-item { flex-direction: column; align-items: flex-start; gap: 20px; } } /* Filters on mobile */ #filter-toggle { display: none; border: none; background: none; } #filter-toggle:hover { background: none; } @media (max-width: 1024px) { #filter-toggle { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto 20px auto; font-family: 'Owners Wide', Sans-Serif; font-weight: 500; font-size: 15px; line-height: 150%; text-align: center; vertical-align: middle; border-bottom: 1px solid; padding: 0; border-radius: 0; cursor: pointer; } .filter-bar { display: none; /* Hidden by default on mobile */ flex-direction: column; gap: 15px; width: 100%; } .filter-bar.active { display: flex; /* Shown when toggled */ } .job-item { margin: 0 auto; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Owners Wide'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.eot'); src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.eot?#iefix') format('embedded-opentype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.woff2') format('woff2'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.woff') format('woff'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.ttf') format('truetype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Regular.svg#OwnersWide') format('svg'); } @font-face { font-family: 'Owners Wide'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.eot'); src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.eot?#iefix') format('embedded-opentype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.woff2') format('woff2'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.woff') format('woff'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.ttf') format('truetype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Medium.svg#OwnersWide') format('svg'); } @font-face { font-family: 'Owners Wide'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.eot'); src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.eot?#iefix') format('embedded-opentype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.woff2') format('woff2'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.woff') format('woff'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.ttf') format('truetype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Bold.svg#OwnersWide') format('svg'); } @font-face { font-family: 'Owners Wide'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.eot'); src: url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.eot?#iefix') format('embedded-opentype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.woff2') format('woff2'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.woff') format('woff'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.ttf') format('truetype'), url('https://v-home.com/wp-content/uploads/2025/10/OwnersTRIALWide-Light.svg#OwnersWide') format('svg'); } /* End Custom Fonts CSS */