/** * Desplegable de "Servicios" (agrupado por categoria), armado como * elemento "portal" colgado del (ver services-nav-menu.js) para * que el menu del tema no lo recorte. Incluye tambien el tamaño del * logo del header, en varios anchos de pantalla. */ .scc-services-portal { position: absolute !important; min-width: 300px !important; max-width: 90vw !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 20px 50px rgba(3, 27, 78, .18) !important; padding: 10px 0 !important; margin: 0 !important; list-style: none !important; z-index: 99999 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .18s ease, visibility .18s !important; } .scc-services-portal.scc-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .scc-services-portal li { list-style: none !important; margin: 0 !important; padding: 0 !important; border: none !important; border-bottom: none !important; } .scc-services-portal li.scc-menu-service-link a { display: block !important; padding: 9px 24px !important; font-size: 14px !important; font-weight: 500 !important; color: #031b4e !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; border: none !important; } .scc-services-portal li.scc-menu-service-link a:hover { background: #f6faff !important; color: #3368c6 !important; } .scc-services-portal li.scc-menu-group-heading { display: flex !important; align-items: center !important; min-height: 26px !important; padding: 10px 24px 6px !important; font-weight: 700 !important; font-size: 11.5px !important; line-height: 1 !important; letter-spacing: .5px !important; text-transform: uppercase !important; color: #6d7889 !important; white-space: nowrap !important; border: none !important; } @media (max-width: 767px) { .scc-services-portal { display: none !important; } } .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.standardlogo, .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.crosslogo, img.themestek-logo-img.standardlogo, img.themestek-logo-img.crosslogo { max-height: 100px !important; height: 100px !important; width: auto !important; margin: 12px 0 !important; } .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.stickylogo, img.themestek-logo-img.stickylogo { max-height: 55px !important; height: 55px !important; width: auto !important; } @media (max-width: 1024px) { .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.standardlogo, .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.crosslogo, img.themestek-logo-img.standardlogo, img.themestek-logo-img.crosslogo { max-height: 80px !important; height: 80px !important; margin: 10px 0 !important; } } @media (max-width: 480px) { .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.standardlogo, .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.crosslogo, img.themestek-logo-img.standardlogo, img.themestek-logo-img.crosslogo { max-height: 58px !important; height: 58px !important; margin: 8px 0 !important; } .site-branding .headerlogo .ts-sc-logo img.themestek-logo-img.stickylogo, img.themestek-logo-img.stickylogo { max-height: 40px !important; height: 40px !important; } }