#usf_container{ visibility:hidden; } @media (max-width: 749px){ .usf-mobile-hidden{ display: none !important; } .usf-skeleton-container .usf-sr-config__mobile-filters-wrapper{ display: flex; width: 100%; flex-wrap: wrap; } .usf-skeleton-container .usf-filters, .usf-skeleton-container .usf-sr-config__mobile-filters-wrapper .usf-c-select{ height: 49px; border: 1px solid #ededed; width: 50%; border-left: none; display: flex !important; align-items: center; } .usf-skeleton-container .usf-filters{ border-left: 1px solid #ededed; } .usf-skeleton-container .usf-results{ height: 400px; margin-left: -20px; display: flex; flex-wrap: wrap; } .usf-skeleton-container .usf-sr-config{ display: flex; align-items: center; justify-content: space-between; margin-top: 13px; flex-wrap: wrap; } .usf-skeleton-container .usf-sr-summary:before{ margin: 0 !important; width: 100px !important; } .usf-skeleton-container .usf-views:before{ margin: 0 !important; width: 50px !important; margin-left: auto !important; } .usf-skeleton-container .usf-grid__item{ width: 50%; padding-left: 20px; } .usf-skeleton-container .usf-sr-summary, .usf-skeleton-container .usf-views{ margin: 30px 0 20px 0; display: block; width: 50%; } .usf-skeleton-container .usf-filters:before, .usf-skeleton-container .usf-c-select:before{ margin: 30px; } } .usf-skeleton-container .usf-filters:before, .usf-skeleton-container .usf-c-select:before, .usf-skeleton-container .usf-sr-summary:before, .usf-skeleton-container .usf-views:before, .usf-skeleton-container .usf-facet .usf-title:before, .usf-skeleton-container .usf-facet .usf-body:before, .usf-skeleton-container .usf-facet .usf-body:after { content:''; display: block; background-color: #0000000b; -webkit-animation: usf-skeleton-animation 2.3s infinite; animation: usf-skeleton-animation 2.3s infinite; height: 10px; border-radius: 10px; width: 100%; } @keyframes usf-skeleton-animation { 0% { opacity: 1 } 50% { opacity: .5 } 100% { opacity: 1 } } @media (min-width: 750px){ .usf-skeleton-container .usf-desktop-hidden{ display: none !important; } .usf-skeleton-container .usf-facet .usf-title, .usf-skeleton-container .usf-facet .usf-body, .usf-skeleton-container .usf-c-select { display: block !important; } .usf-skeleton-container .usf-sr-config__mobile-filters-wrapper{ display: none; } .usf-skeleton-container .usf-facets{ display: block; width: 23%; float: left; margin-top: 17px; } .usf-skeleton-container .usf-sr-container { width: 77%; float: left; padding-left: 30px; margin-top: 17px; } .usf-skeleton-container .usf-sr-config{ display: flex; } .usf-skeleton-container .usf-sr-config > .usf-c-select{ width: 200px; } .usf-skeleton-container .usf-sr-summary{ width: 100%; } .usf-skeleton-container .usf-sr-summary:before{ margin: auto; width: 200px; } .usf-skeleton-container .usf-views:before{ } .usf-skeleton-container .usf-grid__item{ width: 50%; padding-left: 20px; } .usf-skeleton-container .usf-views{ display: block; width: 50px; } .usf-skeleton-container .usf-sr-container{ min-height: 700px; } } .usf-skeleton-container .usf-facet{ margin-bottom: 40px; } .usf-skeleton-container .usf-facet .usf-title:before{ margin-bottom: 25px; width: 70%; } .usf-skeleton-container .usf-facet .usf-body:before, .usf-skeleton-container .usf-facet .usf-body:after { margin-bottom: 16px; }
