Using JupiterOne Sample Data

/* * These styles apply ONLY to the header and footer assets. */ a { -webkit-font-smoothing: antialiased; } .userContent .tableWrapper table { background: white; } #titleBar { display: none; position: absolute; } .ask-j1-header { position: relative; /* height: 77px; */ overflow: visible; z-index: 9; } .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .ask-j1-header_menu .menu-item a.active { color: #8C9EFF; } .ask-j1-header-container .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper #SiteNav .filter-dropdown:first-of-type { max-width: 145px; } .ask-j1-header-container .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper #SiteNav .filter-dropdown:nth-of-type(2) { max-width: 170px; } .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper .filter-dropdown a { text-decoration: none; } #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown.site-nav--active .site-nav__link { text-decoration: underline; } .ask-j1-menu-container .submenu .site-nav__link.active { color:#8C9EFF !important; text-decoration: underline !important; } .ask-j1-menu-container .submenu .submenu-items.d-flex { /* display: none !important; */ } .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .ask-j1-header_menu .menu-item a { text-decoration: none; -webkit-font-smoothing: antialiased; } .ask-j1-header-container .ask-j1-menu-container .submenu { z-index: 1; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { display: flex; align-items: center; } @media screen and (max-width: 1101px) and (min-width: 871px) { #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { font-size: 18px; } #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { margin: 0 10px 0 0 !important; padding-right: 10px !important; } .ask-j1-header-container .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper #SiteNav .ask-j1-header-container .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper #SiteNav .filter-dropdown:first-of-type { } .ask-j1-menu-container .submenu .submenu-items { margin-left: 0px !important; } } @media screen and (min-width: 1101px){ #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { font-size: 16px; } } @media screen and (max-width: 871px) { #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { font-size: 12px; } .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper { margin-left: 4px !important; } #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { margin: 0 5px 0 0 !important; padding-right: 5px !important; } .ask-j1-menu-container .submenu .submenu-items .search .search-input { width: 100% !important; } .ask-j1-menu-container .submenu .submenu-items { margin-left: 6px !important; } } @media screen and (min-width: 1100px) and (max-width: 1330px) { #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { font-size: 16px; } #shopify-section-header .ask-j1-menu-container .submenu .filter-dropdown-wrapper .site-nav-hs .filter-dropdown { margin: 0 24px 0 0 !important; padding-right: 24px !important; } .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper { margin-left: 8px; } .ask-j1-menu-container .submenu .submenu-items { margin-left: 4px; } } @media screen and (max-width: 800px) { .ask-j1-header .ask-j1-header-container.menu-active .ask-j1-menu-container .ask-j1-header_navigation { z-index: 9; position: relative; background: white; } } .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper .filter-dropdown:not(:last-child):after { height: 100%; } @media screen and (max-width: 1100px) and (min-width: 870px) { .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper .filter-dropdown:not(:last-child):after { top: 0px !important; } } @media screen and (max-width: 870px) { .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper .filter-dropdown:not(:last-child):after { height: 16px !important; } } @media screen and (max-width: 800px) { .ask-j1-header .ask-j1-header-container.menu-active .ask-j1-header-logo-mobile { /* padding: 12px !important; */ } /* .ask-j1-header .ask-j1-header-container.menu-active .ask-j1-menu-container .ask-j1-header_navigation { padding: 50px 20px 20px !important; } */ } .ask-j1-menu-container .submenu .submenu-items .filter-dropdown-wrapper .filter-dropdown a { font-family: "Lato", sans-serif; } .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .ask-j1-header_menu .menu-item:first-of-type a{ color: #8C9EFF !important; } .remove-first-active .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .ask-j1-header_menu .menu-item:first-of-type a{ color: #fff !important; } .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .ask-j1-header_menu .menu-item{ display: flex; } #shopify-section-header .ask-j1-menu-container .submenu .submenu-items .search form button img{ width: 18px; } .ask-j1-menu-container .submenu .submenu-items .search { width: 276px !important; border-radius: 3px; } .ask-j1-menu-container .submenu .submenu-items .search form { width: 100% !important; justify-content: space-between !important; } .ask-j1-menu-container .submenu .submenu-items .search form >input::placeholder, .ask-j1-menu-container .submenu .submenu-items .search form >input { padding: 5px 0 6px !important; letter-spacing: 0.15px; font-family: Lato; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; } .ask-j1-header-container .ask-j1-menu-container .submenu-items a:hover, .ask-j1-header-container .ask-j1-menu-container .ask-j1-header_navigation .menu-item a:hover { color: #8C9EFF !important; } .ask-j1-header-container .ask-j1-menu-container .submenu-items a:hover { text-decoration: underline !important; } @media screen and ( min-width: 760px ){ #shopify-section-header .ask-j1-header-container .ask-j1-header-logo .atmc-header_logo img { height: 108px !important; } } @media screen and ( max-width: 800px ){ #titleBar { display: none !important; } } /*# sourceMappingURL=styles.css.map */

Using JupiterOne Sample Data - AskJ1 Community