/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/variations/regions.less
*
* ---------------------------
* Styles associated with the display of specific regions.
* ---------------------------
*/
@import "../_mixins/all.less";

@terminal: terminal; // This is the body class name for the "terminal" pages. Change this value if you don't like the term.

.hide() {
    display: none;
}

.hide-wdn_identity_management {
    
    #wdn_identity_management {
        .hide();
    }
}

.hide-wdn_search {

    #wdn_search {
        .hide();
    }
    
    #wdn_site_title { // we don't need to truncate for search if we don't have search
        width: auto;
    }
}

.hide-wdn_navigation_wrapper { // Hide certain parts in order to retain presentational UI

    #wdn_navigation_wrapper {
    
        > div {
            .hide();
        }
        
        #navigation {
            cursor: default;
        
            &:before {
                display: none;
            }
        
            > * {
                .hide();
            }
        }
    }
    
    &.hide-wdn_identity_management {
    
        #wdn_navigation_wrapper #navigation {
            height: 12px;
            padding: 0;
        }
    }
}

.hide-pagetitle {
    
    #pagetitle {
        .text-hidden();  // Since this has the H1, keep the text readable by screen readers
        height: 0;
        margin: 0;
    }
}

.hide-footer {
    
    #footer {
        .hide();
    }
}

.@{terminal} {
    .hide-wdn_navigation_wrapper;
}

@media (min-width: 320px) {
    
}
@media (min-width: 480px) {

}
@media (min-width: 600px) {
    
    .hide-footer_floater {
    
        #footer_floater {
            background: none;
        }
    }
    
    .hide-wdn_copyright { // Keep the UI presentation, but hide the content.
    
        #wdn_copyright {
            padding: 0;
        
            > div {
                .hide();
            }
        }
    }
    
    .hide-footer {

        #footer {
            display: block;
            
            .footer_col {
                .hide();
            }
        }
        .hide-footer_floater;
        .hide-wdn_copyright;
    }
    
    .hide-wdn_footer_feedback,
    .hide-wdn_footer_contact,
    .hide-wdn_footer_share {
    
        #footer .footer_col {
            .hide();
        }
    }
    
    .hide-wdn_attribution {
        
        #wdn_attribution {
            .hide();
        }
    }

    .hide-wdn_logos {
    
        #wdn_copyright > div {
            width: 100%;
            padding-right: 0;
        }

        #wdn_logos {
            .hide();
        }
    }
    
    .@{terminal} {
        .hide-wdn_footer_feedback;
        .hide-wdn_footer_contact;
        .hide-wdn_footer_share;
    }
}
@media (min-width: 768px) {

    
    .hide-wdn_institution_title {
    
        #wdn_institution_title {
            .hide();
        }
    }
    
    .hide-wdn_navigation_wrapper {  // Retain a red horizontal bar for presentation
    
        #navigation {
            .linear-gradient(@highlightPrimary, @shadowPrimary);
            height: 12px;
            border-radius: 5px;
        }
        
        #wdn_content_wrapper {
            margin-top: 0;
        }
        
        &.hide-breadcrumbs {
            
            #navigation {
                margin-top: 15px;
            }
        }
    }
    
    .hide-wdn_search {
        
        #wdn_site_title { // reset to normal
            width: 70%;
        }
    }
    
    .hide-breadcrumbs {
    
        #breadcrumbs {
            .hide();
        }
    }
    
    .hide-wdn_footer_related {

        #wdn_footer_related {
            .hide();
        }
        
        #footer .footer_col {
            width: 30%;
        }
    }
    
    .hide-wdn_tool_links {
    
        #wdn_tool_links {
            .hide();
        }
    
        #wdn_site_title { // we don't need to truncate for search if we don't have search
            width: auto;
        }
    }
    
    .@{terminal} {
        .hide-wdn_navigation_wrapper;
        .hide-breadcrumbs;
        .hide-wdn_tool_links;
    }
}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {

    .hide-wdn_institution_title {
        #wdn_site_title { //accomodate for the missing vertical space above
            margin: 45px 0 0 99px;
        }
    }

    .hide-wdn_navigation_wrapper {  // Retain a red horizontal bar for presentation
    
        #navigation {
            margin-top: 0;
        }
    }
    
    .hide-wdn_search {
        
        #wdn_site_title { // reset to normal
            width: 68%;
        }
    }
}