/**
 * Original Template Copyright 2015 Google Inc. All Rights Reserved.
 * Modified for lecture homepage.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

/* ------------------------ */

.ajax-load { /* CS */
  background-image:url(../images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.site-avatar { /* CS */
  width: 112px;
  height: 112px;
  display: inline-block;
  margin: 0 auto;
}

.menu-image-icon { /* CS */
  width:24px;
  height:24px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
  margin: 16px 20px; /* CS */
}

.file-ref-table .icon-cell, .infocard-table .icon-cell { width: 1%; }
.file-ref-table .right-cell { text-align: right !important;}
.file-ref-table .compact-cell { width: 1% !important; white-space: nowrap !important; }
.file-ref-table ul.downloads { margin: 0px 24px; font-size: inherit; padding: 0; }
/*.file-ref-table ul.downloads li {	display: inline-block; }
.file-ref-table ul.downloads { margin: 0p; font-size: inherit; padding: 0; list-style-type: none; display: inline-block; }
.file-ref-table ul.downloads li:first-of-type::before { content: '\a0(\a0'; }
.file-ref-table ul.downloads li::after { content: '\a0|\a0'; }
.file-ref-table ul.downloads li:last-of-type::after { content: '\a0)'; }
*/
html .mdl-data-table {
  white-space: normal;
}

.mdl-table-oddeven tbody tr:nth-child(even):not(:hover) td { /* CS */
    background: #fafafa;
    background-clip: padding-box;
}

.page-navigation-headline {
  background: rgba(255,255,255,0.2);
  color: rgba(255, 255, 255, 0.56);
  font-weight: 400;
}

.topcard {
  height: 200px;
  background-position: center;
  background-size: cover;
}

.topcard-fg {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
}

.layout-root .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.sidebar-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.sidebar-drawer .mdl-menu__container {
  z-index: -1;
}
.sidebar-drawer .sidebar-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.sidebar-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}

.sidebar-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.layout-root .sidebar-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
  padding: 16px 20px; /* CS */
}
.layout-root .sidebar-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}

.sidebar-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 24px; /* CS */
}

.layout-content {
  max-width: 1080px;
}

.material-icons {
  max-width: 30px;
  overflow: hidden;
}