/* Body area styles */
#main {
  background-color: #f8e394;
  width: 100%;
  /* padding-bottom: 3em; */
}

.content_width {
  width: 95%;
}

.messages {
  max-width: 40em;
  overflow: hidden;
}

#mobile_menu {
  display: none;
}

body.front #main,
body.page-videos #main,
body #carousel {
  background-color: #f4f4f4;
}

#main .jcell.sidebar {
  background-color: #043b64;
  text-align: center;
  padding-top: 18px;
}

#main .jcell.content {
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 3em;
}

.block-block-5 a {
  padding-right: 2em;
  text-transform: uppercase;
  font-weight: 700;
}

.block-block-5 a:last-child {
  padding-right: 0;
}


.view-right-column-content .views-row {
  background: white;
  width: 14em;
  margin: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

#content-area {
  /* max-width: 50em; */
}

.breadcrumb {
  font-size: .8em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.node .field {
  margin-bottom: 1em;
}


.tabs ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding-left: 0;
}

.tabs ul li {
  display: inline;
  font-family: "Muli", Arial, sans-serif;
  font-size: .9em;
  font-weight: 900;
}

.tabs ul li a {
  background-color: white;
  padding: 6px 14px;
  margin-right: 6px;
}

.tabs ul li a:hover {
  background-color: #043b64;
  color: white;
  text-decoration: none;
}

/* News Pages */
.view-news h3 {
  margin-bottom: .1em;
}

/* Video Landing Page */

/* Video Landing Page Filters */
  .view-videos {
    margin: auto;
  }

  .view-videos .view-filters {
    display: none;
  }

  .video_filters {
    margin-bottom: 1.2em;
  }

  .video_filters .jcell {
    height: 1.8em;
  }

  .video_filters .jcell.label {
    width: 6em;
    padding-bottom: 1em;
  }

  .video_filters a,
  .video_filters .filter_item {
    padding: 0.3em 0.9em;
  }

  .video_filters a.selected,
  .video_filters a:hover,
  .video_filters span.selected {
    background-color: #043b64;
    color: white;
    text-decoration: none;
  }

  .video_filters ul {
    list-style: none;
    padding-left: 0;
  }
  .video_filters ul li {
    list-style: none;
    display: inline-block;
  }

/* Video Landing Page Tiles */
  .view-videos .views-row {
    width: 24%;
    line-height: 1.2em;
    padding-bottom: 30px;
    float: left;
    min-width: 220px;
  }

  .view-videos .views-row .lesson .thumbnail {
    max-height: 150px !important;
    overflow: hidden;
  }

  .view-videos img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .view-videos .views-row .lesson {
    background-color: white;
    width: 93%;
    min-height: 19em;
    max-width: 310px;
    cursor: pointer;
  }

  .view-videos .views-row .lesson a:hover {
    text-decoration: none;
  }

  .view-videos .views-row .topic {
    padding: 1em;
    text-transform: uppercase;
    font-size: .9em;
  }

  .view-videos .lesson a {
    color: blue;
  }

  .view-videos .views-row .title {
    padding: 0.8em 1em 1em 1em;
    font-size: .8em;
  }

  .views-videos .pager {
    clear: both;
  }


/* Lesson detail page (video) */

body.node-type-lesson #main .jcell.sidebar {
  width: 33%;
  text-align: left;
  color: white;
}

body.node-type-lesson #main .jcell.content {
  width: 66%;
}

.video_form form {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#video_lesson_information_mobile {
  display: none;
}

.node-type-lesson h1.title {
  display: none;
}

#sidebar-second {
  padding: 1em;
  max-width: 20em;
}

#sidebar-second a {
  color: white;
}

#sidebar-second .field-content {
  margin-bottom: 0.9em;
}

.view-lesson-right-column h3 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0.3em;
}

.related_videos {
  margin-top: 1em;
}

.related_video {
  margin-bottom: 2.5em;
}

.now_showing_language {
  font-size: 0.7em;
  text-transform: uppercase;
}


.lesson_information .image img,
.related_video .related_video_image img {
  width: 100%;
  height: auto;
}



/* Hide page image from desktop viewers, mobile will see this instead of sidebar */
.field-name-field-page-image {
  display: none;
}

body.node-type-lesson .introduction,
body.node-type-lesson .additional_online_resources,
body.node-type-lesson .instructor_biography,
body.node-type-lesson .for_teachers,
body.node-type-lesson .teacher_resources {
  max-width: 40em;
  overflow: hidden;
}

/* Use jQuery to turn display the things that require javascript. See js/scripts.js */
#transcript_download,
#video_download,
#video_display {
  display: none;
}

.video_player div.hide {
  display: none;
}

.search-advanced,
.search-info {
  display: none;
}

select#video_display,
select#video_download,
select#transcript_download {
  width: 15em;
}

select#video_display {
  margin-right: 1em;
}

select#transcript_download {
  margin-left: 1em;
}

/* home page */
body.front #content-area .block-block-5 h2 {
  color: #be5b31;
  font-style: italic;
}

body.front .home_topic_table .jcell {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
}

body.front h1.title {
  display: none;
}

table.people td {
  padding: 0 1em 1em 0;
}

.view table {
  width: 100%;
  border-collapse: collapse;
}

.view.view-lesson-master table td,
.view.view-lesson-master table th,
.view.view-video-master table td,
.view.view-video-master table th,
.view.view-lesson-video-list table td,
.view.view-lesson-video-list table th {
  padding: 0.5em;
  font-size: 0.8em;
  background-color: white;
  border: 1px solid #999;
}

.view.view-lesson-master table th,
.view.view-lesson-master table th a,
.view.view-video-master table th,
.view.view-video-master table th a,
.view.view-lesson-video-list table th,
.view.view-lesson-video-list table th a {
  background-color: #000;
  color: white;
}

.node-type-highlight .field-name-field-feature-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Newsletter Archive */

.view-newsletters.view-display-id-page_1 td {
  width: 33%;
}

.view-newsletters .view-content .views-row .views-field .field-content img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.view-display-id-page_1 td img {
  object-fit: cover;
  object-position: 0 0;
  max-height: 300px;
  width: 90%;
  height: auto;
}

.view-display-id-page_1 h3 {
  margin-top: 0;
}

/* Lesson evaluation form */
.options_horizontal div.form-item {
  display: inline-block;
  margin-right: 1em;
}

/* CPALMS Logo */
div.cpalms_desktop {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  width: 60%;
  text-align: center;
}

div.cpalms_desktop h3 {
  font-weight: normal;
  font-size: 1em;
}

div.cpalms_mobile {
  display: none;
}

div.cpalms_desktop img {
  width: 100%;
  height: auto;
}