/* Order of imports in this file is important for mobile version to work */
/* 
File content: 
colors.css: special colors for ifte and TUD-CD
frame.css: elements of header, navigation and footer
main.css: elements of main page content 
mobile.css: modification to specific elements for mobile devices 

this file: global elements and navigation classes
*/

@import "colors.css";
@import "frame.css";
@import "main.css";
@import "mobile.css" only screen and (max-width: 40rem);

/* ======= Global  ======= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-y: scroll; /*prevent side shifting for non scrollable sites*/
}

body {
    background-color: var(--white); 
    font-family: "Open Sans", "Verdana", sans-serif;
    color: var(--black); 
    font-size: 0.8rem;
    width: 100%;
    /*prevent size adjustment on mobile devices*/
    text-size-adjust: none; 
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

body a {
    color: var(--TUD_Blau1);
    text-decoration: none;
}

/* Navigation highlight based on attribute in body, li 2-9, language is 1 */
body[nav_highlight="home"] #navigation_content li:nth-child(2) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="prec_eng"] #navigation_content li:nth-child(3) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="el_des"] #navigation_content li:nth-child(4) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="services"] #navigation_content li:nth-child(5) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="research"] #navigation_content li:nth-child(6) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="teaching"] #navigation_content li:nth-child(7) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="staff"] #navigation_content li:nth-child(8) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}

body[nav_highlight="info"] #navigation_content li:nth-child(9) a {
    background-color: var(--white);
    color: var(--TUD_Blau);
}