/* eot, woff and svg are all provided for make maximum compatibilities */
@font-face {
    font-family: 'roboto light';
    src: url('/content/system/fonts/roboto-light-webfont.eot');
    src: url('/content/system/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/content/system/fonts/roboto-light-webfont.woff') format('woff'), url('/content/system/fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-style: normal;
}

/* Libre Franklin Fonts */
@font-face {
    font-family: 'libre franklin';
    src: url('/content/custom/fonts/LibreFranklin-Regular_0.ttf');
}

@font-face {
    font-family: 'libre franklin black';
    src: url('/content/custom/fonts/LibreFranklin-Black_0.ttf');
}

@font-face {
    font-family: 'libre franklin bold';
    src: url('/content/custom/fonts/LibreFranklin-Bold_0.ttf');
}

@font-face {
    font-family: 'libre franklin extrabold';
    src: url('/content/custom/fonts/LibreFranklin-ExtraBold_0.ttf');
}

@font-face {
    font-family: 'libre franklin extralight';
    src: url('/content/custom/fonts/LibreFranklin-ExtraLight_0.ttf');
}

@font-face {
    font-family: 'libre franklin light';
    src: url('/content/custom/fonts/LibreFranklin-Light_0.ttf');
}

@font-face {
    font-family: 'libre franklin medium';
    src: url('/content/custom/fonts/LibreFranklin-Medium_0.ttf');
}

@font-face {
    font-family: 'libre franklin semibold';
    src: url('/content/custom/fonts/LibreFranklin-Thin_0.ttf');
}

@font-face {
    font-family: 'libre franklin thin';
    src: url('/content/custom/fonts/LibreFranklin-Medium_0.ttf');
}

/* Work Sans Fonts */
@font-face {
    font-family: 'work sans';
    src: url('/content/custom/fonts/WorkSans-Regular_0.ttf');
}

@font-face {
    font-family: 'work sans black';
    src: url('/content/custom/fonts/WorkSans-Black_0.ttf');
}

@font-face {
    font-family: 'work sans extrabold';
    src: url('/content/custom/fonts/WorkSans-ExtraBold_0.ttf');
}

@font-face {
    font-family: 'work sans light';
    src: url('/content/custom/fonts/WorkSans-Light_0.ttf');
}

@font-face {
    font-family: 'work sans medium';
    src: url('/content/custom/fonts/WorkSans-Medium_0.ttf');
}

@font-face {
    font-family: 'work sans semibold';
    src: url('/content/custom/fonts/WorkSans-SemiBold_0.ttf');
}

@font-face {
    font-family: 'work sans thin';
    src: url('/content/custom/fonts/WorkSans-Thin_0.ttf');
}

/* Reset */
body {
    font-family: 'roboto light', sans-serif;
    font-size: 100%;
}

a {
    text-decoration: none;
}

p {
    font-size: 14px;
}

h1, h2 {
    font-weight: 400;
}

strong {
    font-weight: 700;
}

/* Unsupported */
.unsupportedBrowser h1 {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.unsupportedBrowser h2 {
    font-size: 16px;
}

/* General */
#section-name {
    font-size: 18px;
}

#logout-text, #specificationTaskList h2, .specTaskListMessage, .mdl-toolbox-options {
    font-size: 1rem;
}

.mdl-module-editable {
    font-size: 1rem;
}

.navigation-tile-text {
    font-size: 1.5rem;
}

.title-row, .project-alias {
    -ms-word-break: break-all; /*prefix necessary for versions prior to 11 */
    word-break: break-all;
    word-break: break-word; /* Non standard for webkit ONLY (old and new) and automatically takes priority over :break-all */
}

.title-row {
    font-size: 18px;
}

.project-alias {
    font-size: 16px;
}

.details-heading, .details-text {
    font-size: 14px;
}

/* Login Module */
#sign-in-text {
    font-size: 32px;
    font-weight: 500;
}

#login-error {
    font-size: 13px;
}

.login-parameter-text {
    font-size: 18px;
    font-weight: 700;
}

.login-parameter-input {
    font-family: 'roboto light', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.login-information {
    font-size: 12px;
}

#login-button {
    font-size: 14px;
}

/* New Nav */
.mdl-navLink {
    font-size: 1rem;
}

/* Projects Module */

.project-description {
    font-size: 14px;
}

/* Specification Details Module */
.filter-background {
    font-size: 18px;
}

.filter-box {
    font-family: 'roboto light', sans-serif;
    font-weight: normal;
}

/* Override for toolbox font icon description size */
.mdl-toolbox-module {
    font-size: 0.8rem;
}

.mdl-toolbox-options {
    font-size: 1.2rem;
}

/* Overwrite module specific styles for this Skin */
#moduleToolbox {
    font-size: .8rem;
}