/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

/* Fonts */

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 200;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 200;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 300;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 300;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 400;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 400;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 500;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 500;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 600;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 600;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 700;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 700;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 800;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 800;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 900;
 font-style: normal;
 font-display: swap;
 src: url(../fonts/SourceSans3VF-Roman.otf.woff2) format('woff2');
}

@font-face {
 font-family: 'Source Sans 3';
 font-weight: 900;
 font-style: italic;
 font-display: swap;
 src: url('../fonts/SourceSans3VF-Italic.otf.woff2') format('woff2');
}

body,
h1, h2, h3, h4,
body.textarea-proportional textarea.wiki-edit,
#projects-index ul.projects div.root a.project
{
    font-family: 'Source Sans 3', sans-serif;
}

/* General  */

body {
    font-size: 14px;
    background-color: #f2f2f2;
}

#wrapper {
    margin: 0 auto;
    max-width: 1600px;
    background-color: white;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

/* Top-Menu */

#top-menu {
    font-size: 1em;
    background: white;
}

#top-menu #loggedas,
#top-menu a {
    color: #212121;
}

/* Main menu */

#main-menu li {
    margin-right: 4px;
}

/* Header */

#header {
    background: #808080 url(../images/TYPO3-Logo-rgb.svg) no-repeat 0;
    box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.075), 0 0 2px rgba(0, 0, 0, 0.2);
}

#header > * {
    margin-left: 95px;
}

/* Projects page */

#projects-index {
    column-count: unset;
    column-width: unset;
    -webkit-column-count: unset;
    -webkit-column-width: unset;
    -webkit-column-gap: unset;
    -moz-column-count: unset;
    -moz-column-width: unset;
    -moz-column-gap: unset;
}

#projects-index ul.projects div.description {
    display: none;
}

/** Tables **/

table td,
table.list th, .table-list-header {
    padding: 10px 5px;
}

table.progress td {
  padding: 0;
}

/* Tabs */

#content .tabs ul li a {
    font-size: 1em;
}

/* Sidebar */

#sidebar ul li, ul.flat li {
    padding: 2px 0;
}

@media screen and (min-width: 1090px) {
    #sidebar {
        width: 240px;
    }
}

/* Query-Form */

#query_form_content {
    font-size: 1em;
}

/* Activity */

div#activity dd span.description,
#search-results dd span.description {
    padding: 5px 0;
}

div#activity dt .time,
#query_form_content {
    font-size: 1em;
}

/** Colors **/

a, a:link, a:visited {
    color: #212121;
}

a:hover, a:active {
    color: #212121;
    text-decoration: underline;
}

#main-menu li a:hover {
    background-color: #ff8700;
}

#main-menu li a.new-object {
    background-color: #ff8700;
}

#main-menu .menu-children {
    border-right: 1px solid #ff8700;
    border-bottom: 1px solid #ff8700;
    border-left: 1px solid #ff8700;
}

#main-menu .menu-children li a:hover {
    background-color: #fab85c;
}

#sidebar a.selected {
    background-color: #fab85c;
}

.drdn-content .autocomplete:focus {
    border-color: #ff8700;
}

.contextual .drdn-items > a:hover {
    color: #c95e02;
    border: 1px solid #ff8700;
}

#project-jump .drdn-items > a:hover {
    background-color: #fab85c;
}

input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus, input[type="password"]:active,
input[type="date"]:focus, input[type="date"]:active,
input[type="number"]:focus, input[type="number"]:active,
select:focus, select:active,
textarea:focus, textarea:active {
    border: 1px solid #ff8700;
}

div.journal ul.details a, ul.revision-info a {
    color: #ff8700;
}

.pagination ul.pages li.current {
    background-color: #ff8700;
    border-color: #ff8700;
}

.pagination ul.pages li.page a:hover,
.pagination ul.pages li.page a:active {
    color: #ff8700;
}

.check_box_group {
    border: 1px solid #9EB1C2;
}

.tooltip span.tip a {
    color: #c95e02 !important;
}

.badge-count {
    color: #fff;
    background: #9DB9D5;
}

.badge-status-open {
    color: #c95e02;
    border: 1px solid #c95e02;
}

.ui-menu .ui-menu-item:hover {
    background: #fab85c;
    border: 1px solid #fab85c;
}

.ui-menu .ui-menu-item.ui-state-focus {
    border-color: #fab85c;
}

.tribute-container li.highlight {
    background-color: #fab85c;
}

/** Adapted Views in plugins/typo3_forge/app/views/typo3_forge **/

#typo3-forge-login-registration-hint {
    margin: 3em auto 0;
    width: 340px;
    text-align: center;
    font-weight: bold;
}

#login-form {
    margin-top: 2em;
}