/**
 * @file
 * University mobile styles.
 */

/* Mobile Only
 ******************************************************************************/
@media (max-width: 768px) {
  /* Kill admin menu */
  html body.section-university {
    margin-top: 0 !important;
  }
  .section-university #admin-menu {
    display: none !important;
  }

  /* Top Bar */
  .section-university #block-fw-university-university-top-bar #top,
  .section-university #block-fw-university-university-top-bar #top-placeholder,
  .section-university #block-fw-university-university-top-bar .content {
    height: 50px;
  }
  .section-university #block-fw-university-university-top-bar #top .logo {
    margin-left: 0;
    display: inline-block;
    width: 115px;
  }
  .section-university #block-fw-university-university-top-bar #top .logo img {
    height: auto;
  }
  .section-university #block-fw-university-university-top-bar #top .contribute {
    display: block;
    top: 8px;
    margin: 4px;
    position: absolute;
  }
  .section-university #block-fw-university-university-top-bar #top .contribute a {
    padding: 3px;
    font-size: 0.8em;
  }
  .section-university #block-fw-university-university-top-bar #top .university-back {
    font-size: 1em;
    right: 7px;
    top: 25px;
  }
  .section-university #block-fw-university-university-top-bar #top .university-back .mobile-hidden {
    display: none;
  }

  /* Home Page Blue Bar */
  .page-university .left {
    padding: 0.5em 0;
    font-size: 0.85em;
  }
  .page-university .left .all-courses {
    display: inline-block;
    top: 0.5em;
    left: 0.5em;
  }
  .page-university .column-headers .left h3 {
    display: none;
  }
  .page-university.not-front .content-select-list {
    display: block;
  }
  .section-university .column-headers div.right {
    display: none;
  }
  .page-university .content-select-list {
    display: block;
    float: right;
    width: 140px;
    height: 20px;
    margin-right: -125px;
    background: #5B9CC2;
    padding: 3px 7px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  }
  .page-university .content-select-list ul {
    width: auto;
  }
  .page-university .content-select-list ul > span {
    width: 140px;
    background: transparent;
    padding: 0;
  }
  .page-university .column-headers .content-select-list li {
    padding: 3px 17px;
  }
  .page-university .column-headers .content-select-list i {
    margin-right: 0;
  }

  /* University Pages */
  .section-university .contribute-footer {
    display: none;
  }

  /* University Home Page */
  .page-university #content {
    padding-top: 0;
    width: 100%;
  }
  .page-university #content .region {
    padding: 0;
  }
  .page-university .content-stream .node-teaser {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    border-bottom: 1px solid #DDD;
  }
  .page-university #right-sidebar {
    display: none;
  }

  /* University Content Streams */
  .section-university #featured-lessons .node-teaser .image {
    height: 200px;
  }
  .section-university #featured-lessons.content-stream-full-width .node-teaser {
    padding-bottom: 7px;
    margin-bottom: 0 !important;
    border-bottom: 0;
  }
  .section-university .node-teaser {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .section-university .node-teaser h3,
  .section-university #featured-lessons h3 {
    font-size: 1.5em;
    font-weight: 700;
    padding-left: 0;
  }
  .section-university .node-teaser h3 a,
  .section-university #featured-lessons h3 a {
    font-size: 1em;
  }
  .section-university #additional-lessons h2 {
    display: none;
  }
  .section-university .author-picture {
    display: block;
  }
  .section-university .node-lesson .meta {
    padding-left: 0;
  }
  .section-university .node-lesson .meta .meta-name {
    font-weight: normal;
    font-size: 1em;
  }

  /* All Courses */
  .page-university-courses .front-issue {
    box-sizing: border-box;
    position: relative;
    font-size: 0.75em;
    padding: 10px 10px 10px 80px;
  }
  .page-university-courses .front-issue .course-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 8px !important;
  }
  .page-university-courses .front-issue .course-number,
  .page-university-courses .front-issue .course-title,
  .page-university-courses .front-issue .course-lessons-count {
    text-align: left;
    padding: 0;
    margin: 0 0 5px 0;
  }
  .page-university-courses .front-issue .course-title {
    font-size: 1.5em;
  }

  /* Course Page */
  #block-fw-university-university-course-sidebar-mobile {
    display: block;
  }

  /* Lesson */
  .node-type-lesson .column-headers div.left {
    width: 100%;
  }
  .node-type-lesson #content .node h1.article-title {
    font-size: 2em;
    margin: 0 0 20px 0;
  }
  .node-type-lesson #content .node .video-wrapper {
    margin-bottom: 20px;
  }
  .node-type-lesson #content .node .author {
    float: none;
    width: auto;
    padding: 0;
  }
  .node-type-lesson #content .node .author .author-picture {
    display: none;
  }
  .node-type-lesson #content .node .author .time-ago {
    display: block;
  }
  .node-type-lesson #content .node .author .social-media {
    float: none;
    width: auto;
  }
  .node-type-lesson #content .node .node-content {
    margin-left: 0;
  }
  .node-type-lesson #content .node .links-container {
    margin-top: 20px;
    margin-left: 0;
  }
  .node-type-lesson #content .related-posts {
    padding: 0;
  }
  .node-type-lesson #block-system-main {
    margin-top: 30px;
  }
  .node-type-lesson #main-content .node-lesson .meta .meta-item {
    margin-bottom: 15px;
  }
  .node-type-lesson #main-content .node-lesson .meta .meta-item:last-child {
    margin-bottom: 0;
  }
  .node-type-lesson .related-posts .comment-count {
    padding: 15px 25px;
    margin-bottom: 0;
    border-top: none;
  }
  .section-university.node-type-lesson .node-teaser {
    margin: 0;
    background: rgba(0, 0, 0, 0);
    padding: 0 30px !important;
  }
  .section-university.node-type-lesson .node-teaser h3 a {
    font-size: 0.85em;
    line-height: 1em;
  }
  .section-university #mobile-join .nodecontent .field-name-body p {
    font-family: 'Proxima Nova', 'Helvetica Neue', 'Helvetica', sans-serif;
  }

}