/*
 * APlusWebTraffic discovery sticky-rail correction
 *
 * This file intentionally loads after every Directory and Deal Feed
 * stylesheet. The !important declarations override older cached discovery
 * rules that made the page wrapper a clipping ancestor and disabled sticky
 * positioning.
 */

.directory-discovery-page,
.social-discovery-page {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.directory-discovery-page .discovery-three-column-layout,
.social-discovery-page .discovery-three-column-layout {
    overflow: visible !important;
    align-items: start !important;
}

@media (min-width: 1081px) {
    .directory-discovery-page .directory-left-sidebar,
    .directory-discovery-page .discovery-sidebar,
    .social-discovery-page .directory-left-sidebar,
    .social-discovery-page .discovery-sidebar,
    .social-discovery-page .deal-feed-sidebar {
        position: sticky !important;
        top: 6.5rem !important;
        align-self: start !important;
        height: max-content !important;
        z-index: 5;
    }
}

@media (min-width: 761px) and (max-width: 1080px) {
    .directory-discovery-page .directory-left-sidebar,
    .social-discovery-page .directory-left-sidebar {
        position: sticky !important;
        top: 6.5rem !important;
        align-self: start !important;
        height: max-content !important;
        z-index: 5;
    }
}

@media (max-width: 760px) {
    .directory-discovery-page .directory-left-sidebar,
    .directory-discovery-page .discovery-sidebar,
    .social-discovery-page .directory-left-sidebar,
    .social-discovery-page .discovery-sidebar,
    .social-discovery-page .deal-feed-sidebar {
        position: static !important;
        height: auto !important;
    }
}