@media screen {
  * {
    box-sizing: border-box; }

  html {
    font-size: 16px;
    line-height: 24px;
    font-family: "Lato", sans-serif;
    background-color: #182321; }

  h1, h2, h3, h4, h5, h6 {
    margin: 24px 0; }

  .omeka-classic h1,
  .omeka-classic h2,
  .omeka-classic h3,
  .omeka-classic h4 {
    font-family: "Sanchez", serif;
    letter-spacing: 1px;
    font-weight: 300; }

  a {
    text-decoration: none;
    color: #A91919; }

  img {
    max-width: 100%;
    height: auto; }

  .wrapper {
    max-width: 900px;
    padding: 24px;
    margin: 0 auto; }

  .flex {
    display: flex; }

  .product.home {
    overflow-x: hidden;
    overflow-y: visible; }

  .product.home #intro {
    padding: 120px 72px;
    margin-bottom: 72px;
    width: 100%;
    margin: 0; }
    .product.home #intro > * {
      position: relative;
      z-index: 1; }
    .product.home #intro .button {
      padding: 12px;
      text-shadow: none;
      font-size: 24px; }
    .product.home #intro p {
      max-width: 800px;
      margin: 48px auto;
      line-height: 48px;
      font-size: 32px;
      font-weight: 300; }

  .product.home #content {
    font-size: 20px;
    line-height: 36px;
    padding: 0; }

  .product.home #content h2 {
    margin: 0;
    font: 700 24px "Lato", sans-serif;
    text-transform: uppercase; }

  .product.home .sub-menu {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    justify-content: center; }

  .product.home .sub-menu [aria-label="sub-menu-label"] {
    display: none; }

  .product.home .sub-menu ul {
    text-align: center; }

  #features {
    width: 100%;
    padding: 0 24px;
    position: relative;
    overflow: hidden;
    margin: 24px 0 0; }

  #features > img {
    position: absolute;
    right: -60%;
    width: 100%;
    height: auto; }

  #features .feature {
    display: flex;
    align-items: flex-start;
    margin: 72px 0;
    width: 60%; }

  #features .feature img {
    margin-right: 24px;
    max-width: 120px;
    height: auto; }

  #features p {
    margin: 12px 0; }

  .omeka-classic hr {
    height: 1px;
    border: 0;
    background-color: #4F473C;
    margin: 48px 0; }
  .omeka-classic.home #intro {
    background: #628C85 url("../../images/classic_bg.jpg") no-repeat;
    background-size: cover; }
    .omeka-classic.home #intro:after {
      background-color: rgba(84, 29, 29, 0.8); }
  .omeka-classic #content {
    background-color: #EEE8DF;
    color: #4F473C; }
  .omeka-classic a {
    color: #628C85; }
  .omeka-classic a.button,
  .omeka-classic button {
    background-color: #628C85;
    color: #fff; }
  .omeka-classic #community {
    padding: 72px 24px;
    font-size: 24px;
    line-height: 48px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    background-color: #fff; }
    .omeka-classic #community > p {
      max-width: 800px;
      margin: 24px auto; }
  .omeka-classic #community a {
    display: inline-block;
    padding: 0 12px;
    border-radius: 3px;
    border: 2px solid #628C85; }

  .omeka-s.home #intro {
    background: #628C85 url("../../images/s_bg.jpg") no-repeat;
    background-size: cover; }
    .omeka-s.home #intro:after {
      background-color: rgba(64, 78, 97, 0.9); }
  .omeka-s #intro {
    background-color: #404E61; }
  .omeka-s.product.home #content {
    font-weight: 300; }
  .omeka-s #content a:not(.button) {
    color: #A91919;
    font-weight: 700; }
  .omeka-s a.button,
  .omeka-s button {
    background-color: #A91919;
    color: #fff;
    text-shadow: none; }
  .omeka-s #intro h1,
  .omeka-s #addon-header h1 {
    font-weight: 300;
    word-spacing: 12px;
    margin-bottom: 0; }
  .omeka-s #content #addon-header a {
    color: #c6cfda; }
  .omeka-s h2,
  .omeka-s h3,
  .omeka-s h4 {
    font-weight: 700; }
  .omeka-s.home #content #support {
    background-color: rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 72px 24px; }
    .omeka-s.home #content #support a:not(:first-child):before {
      content: none; }

  p {
    margin: 24px 0; }

  table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 24px 0; }

  th,
  td {
    text-align: left;
    padding: 6px; }
    th:not(:last-child),
    td:not(:last-child) {
      border-right: 1px solid #ccc; }

  button,
  .button,
  input[type="submit"] {
    background-color: #ccc;
    border-radius: 3px;
    padding: 6px;
    display: inline-block;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 300; }

  thead,
  tbody tr:not(:last-child) {
    border-bottom: 1px solid #ccc; }

  header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff; }
    header a {
      color: #628C85; }
    header ul {
      margin: 0;
      padding-left: 0; }
    header li {
      display: inline-block;
      margin: 0 12px; }

  .site-logo {
    display: block;
    padding: 6px 12px;
    margin: 6px 24px;
    position: relative;
    height: 24px;
    width: 37.2px;
    text-indent: -9999px;
    background: #628C85 url("../../images/omeka-logo.png") no-repeat;
    background-size: contain;
    border: 1px solid #404E61;
    border-right: 0; }

  .omeka-s .site-logo {
    background-color: #404E61; }

  .omeka-classic .site-logo {
    background-color: #541D1D; }

  .site-logo a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

  nav#global {
    padding: 6px 24px; }

  #content {
    min-height: 90vh;
    padding: 0 24px;
    background-color: #fff; }

  #intro,
  #addon-header {
    padding: 72px 24px;
    margin: 0 -24px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative; }
    #intro:after,
    #addon-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    #intro > *,
    #addon-header > * {
      position: relative;
      z-index: 1; }

  #intro h1 {
    font-size: 48px;
    line-height: 72px;
    margin: 0;
    position: relative;
    z-index: 1; }

  footer {
    background-color: #182321;
    display: flex;
    justify-content: space-between;
    padding: 24px;
    color: #fff; }

  footer h4 {
    font-family: "Lato", sans-serif; }

  footer nav {
    width: 15%;
    padding: 0 24px; }

  footer .logos {
    margin-right: auto;
    max-width: 40%; }

  footer img {
    max-height: 48px;
    width: auto; }

  footer a {
    color: #628C85; }

  footer h4 {
    margin-top: 0; }

  footer ul {
    margin: 0;
    list-style: none;
    padding: 0; }

  footer nav li {
    margin: 12px 0; }

  .pagination {
    text-align: center; }

  .pagination a {
    background-color: #A91919;
    color: #fff;
    text-shadow: none; }

  .pagination .page_number {
    margin-right: 12px; }

  .pagination .previous,
  .pagination .next {
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 3px;
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #ccc; }

  .pagination a.previous,
  .pagination a.next {
    border: 1px solid #A91919; }

  /* @group ----- Product-level ----- */
  nav.sub-menu {
    width: 100%;
    background-color: #999;
    padding: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between; }
    nav.sub-menu label {
      display: inline-block;
      font-weight: bold; }
    nav.sub-menu ul {
      display: inline-block; }
    nav.sub-menu a {
      color: #fff; }

  .omeka-classic .sub-menu {
    background-color: #541D1D; }
    .omeka-classic .sub-menu [aria-label="sub-menu-label"] a {
      color: #ffcccc; }

  .omeka-s .sub-menu {
    background-color: #404E61; }
    .omeka-s .sub-menu [aria-label="sub-menu-label"] a {
      color: #e5e9ee; }

  /* @end */
  /* @group ----- Landing Page ----- */
  .omeka.home a {
    color: #628C85; }

  .omeka.home header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #fff; }

  .omeka.home #intro {
    overflow: hidden;
    position: relative;
    padding: 24px 24px 0 24px;
    margin-top: 12px; }
    .omeka.home #intro > * {
      position: relative;
      z-index: 1; }
    .omeka.home #intro:after {
      background-color: #fff; }

  .omeka.home span.intro-text,
  .omeka.home .intro-text h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 200;
    margin: 24px auto 24px;
    display: block;
    color: #000;
    max-width: 800px; }

  .omeka.home #intro .intro-text {
    padding: 12px; }

  .omeka.home #intro .products {
    background: url("../../images/home_bg.jpg") no-repeat;
    background-size: cover;
    display: flex;
    margin: 0 -24px;
    overflow: hidden; }
    .omeka.home #intro .products > div {
      width: 50%;
      padding: 24px;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: center; }
    .omeka.home #intro .products .omeka-classic {
      background-image: linear-gradient(to bottom, rgba(84, 29, 29, 0.9), rgba(0, 0, 0, 0.9)); }
    .omeka.home #intro .products .omeka-classic h2 a {
      color: #e8bbbb; }
    .omeka.home #intro .products .omeka-s {
      background-image: linear-gradient(to bottom, rgba(64, 78, 97, 0.9), rgba(0, 0, 0, 0.9)); }
    .omeka.home #intro .products .omeka-s h2 a {
      color: #c6cfda; }
    .omeka.home #intro .products h2 {
      font-size: 32px;
      line-height: 48px;
      margin: 0 0 12px;
      font-weight: 300;
      font-family: "Lato", sans-serif;
      text-transform: uppercase; }
    .omeka.home #intro .products .product-text {
      margin-bottom: auto; }
    .omeka.home #intro .products .product-text + a {
      margin-top: 24px; }
    .omeka.home #intro .products img {
      max-width: 100%;
      height: auto;
      margin-bottom: -72px; }
    .omeka.home #intro .products .button {
      margin: 0 6px 0;
      background-color: transparent;
      border: 1px solid #fff;
      color: #fff; }
    .omeka.home #intro .products .description {
      display: block;
      margin: 12px 0; }

  #other-products {
    display: flex;
    padding-bottom: 47px;
    border: 1px solid #eee;
    border-width: 1px 0;
    flex-wrap: wrap;
    justify-content: space-between; }

  #other-products .intro-text {
    width: 100%;
    padding-right: 24px;
    margin: 24px 0;
    max-width: none; }

  #other-products .product {
    padding: 0 24px 24px;
    position: relative; }
    #other-products .product > * {
      position: relative;
      z-index: 1; }
    #other-products .product:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }

  .omeka-net.product {
    width: calc(60% - 12px);
    background-color: #638c85;
    color: #fff; }
    .omeka-net.product:after {
      opacity: .8;
      background: url("../../images/spiral.png") center/cover no-repeat; }

  #other-products .omeka-net a.button {
    background: transparent;
    color: #f5f8f8;
    box-shadow: 0 0 0 2px #f5f8f8 inset; }

  .omeka-everywhere.product {
    width: calc(40% - 12px);
    box-shadow: 0 0 0 1px #ccc inset;
    position: relative; }
    .omeka-everywhere.product:after {
      opacity: .2;
      background: url("../../images/everywhere-mobile.jpg") bottom right/50% no-repeat; }

  #other-products .omeka-net h2 a {
    color: #f5f8f8; }

  #other-products h2 {
    font-weight: 300;
    text-transform: uppercase;
    line-height: 36px; }

  #other-products .product-text {
    margin-bottom: 24px; }

  #other-products a.button {
    box-shadow: 0 0 0 2px #628C85;
    font-weight: normal;
    background-color: #fff;
    color: #628C85; }

  #news {
    display: flex;
    padding: 48px 0; }

  #news .intro-text {
    margin: 0;
    width: 25%;
    line-height: 48px; }

  #news .post {
    width: 75%;
    padding: 0 0 0 24px;
    margin: 0 0 0 24px; }

  #news h2 {
    font-size: 32px;
    line-height: 48px;
    margin: 0;
    font-weight: 300; }

  #news .post-categories a {
    font-size: 12px;
    box-shadow: 0 0 0 1px #d7e3e1;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    margin: 0 3px;
    padding: 0 6px; }

  #news .news-home-link {
    border-top: 3px solid #628C85;
    padding-top: 21px;
    margin-top: 24px;
    width: 100%;
    display: block;
    text-transform: uppercase; }

  /* @end */
  /* @group ----- Add-ons ----- */
  #addon-list .addon h4
  #addon-list .addon h4 {
    margin-bottom: 0; }

  .addon-meta span {
    display: block; }

  .addon-meta .description {
    margin-bottom: 12px; }

  .theme #addon-header .flex-thumbnail {
    width: 25%;
    margin-right: 24px; }

  #addon-header {
    background-color: #e7e7e7;
    margin: 0 -24px;
    padding: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 300; }
    #addon-header h1 {
      margin: 0 0 6px; }
    #addon-header a.button {
      font-size: 20px;
      background-color: #333;
      color: #fff;
      padding: 12px;
      margin-left: auto; }
    #addon-header .thumbnail {
      width: 100%;
      padding-bottom: 60%;
      border: 5px solid #fff;
      float: left;
      margin: 0 24px -48px 0;
      box-shadow: 0 0 0 1px #ccc;
      overflow: hidden;
      position: relative; }
    #addon-header > * {
      position: relative;
      z-index: 1; }
    #addon-header:after {
      background-color: rgba(0, 0, 0, 0.7); }

  .omeka-classic #addon-header .button {
    background-color: #628C85;
    color: #fff; }

  .omeka-s #addon-header a.button {
    background-color: #A91919; }

  .omeka-classic #addon-header a {
    color: #9bb9b4; }

  .thumbnail {
    position: relative; }

  .thumbnail img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

  .theme #addon-header {
    margin-bottom: 48px; }

  #addon-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-end; }

  #module-list .module {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 0 23px;
    border-bottom: 1px solid #ccc; }
    #module-list .module:last-child {
      border-bottom-color: transparent; }

  #module-list h4 {
    font-size: 24px;
    margin: 0 0 12px; }

  #module-list .addon-meta {
    width: 80%;
    padding-right: 24px; }

  #module-list .download {
    width: 20%;
    text-align: center;
    font-size: 14px; }

  #module-list .download span {
    display: block; }

  #module-list .download .button {
    width: 100%;
    font-size: 16px;
    line-height: 24px; }

  #addon-main h1 {
    font-size: 32px;
    line-height: 48px; }

  .readme {
    width: 60%; }

  .readme > h1:first-child {
    display: none; }

  #support-downloads {
    width: 35%;
    padding: 12px 0; }

  #support {
    background-color: #ccc;
    padding: 6px; }

  #support a {
    display: inline-block; }

  #support a:not(:first-child):before {
    content: "";
    border-left: 1px solid #ccc;
    margin: 0 6px 0 3px; }

  table.versions {
    margin: 12px 0;
    width: 100%; }

  #theme-list {
    display: flex;
    flex-wrap: wrap; }

  #theme-list .theme {
    width: 32%;
    margin: 24px 0;
    margin-right: 2%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start; }
    #theme-list .theme:nth-child(3n) {
      margin-right: 0; }

  #theme-list .flex-thumbnail {
    width: 100%; }

  #theme-list .thumbnail {
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
    box-shadow: 0 0 0 1px #ccc;
    display: table; }

  #theme-list .thumbnail a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden; }

  #theme-list h4 {
    margin: 24px 0 0;
    font-size: 24px; }

  #theme-list .author {
    margin-bottom: 12px; }

  #theme-list .author,
  #theme-list .download span {
    font-size: 14px; }

  #theme-list .download {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }

  #theme-list .download .button {
    width: 100%;
    margin: 0 0 12px 0; }

  #register-addon {
    background-color: #fff;
    margin: 0 -24px;
    padding: 24px 24px 12px;
    text-align: center; }

  #register-addon .button {
    font-size: 20px;
    padding: 12px; }

  .addon-register iframe {
    margin: 0 -24px;
    width: calc(100% + 48px); }

  /* group ----- Addons - Index ----- */
  .addons.home .flex {
    height: 100vh;
    width: 100%;
    flex-wrap: wrap; }

  .addons.home .flex section {
    width: 50%;
    padding: 96px 0;
    color: #fff;
    text-align: center; }

  .addons.home .flex section h2 {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase; }

  .addons.home .flex section ul {
    padding: 0;
    margin: 0;
    list-style: none; }

  .addons.home .flex section li {
    display: block;
    text-align: center;
    margin: 0 0 12px; }

  .addons.home .flex section a {
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    border: 2px solid #fff;
    font-weight: 300;
    display: inline-block; }

  .addons.home .flex #register {
    width: 100%;
    height: auto;
    padding: 12px; }

  .addons.home .flex #omeka-s {
    background-color: #404E61; }

  .addons.home .flex #omeka-classic {
    background-color: #541D1D; }

  .addons.home #content,
  .addon-register #content {
    padding: 0;
    max-width: none; }

  .addons.home a.button {
    background-color: #A91919;
    font-size: 24px;
    line-height: 36px;
    padding: 6px;
    color: #fff; }

  .addon-register #intro {
    display: none; }

  /* @end */
  /* @end */
  /* @group ----- News ----- */
  .news #intro a {
    color: #fce2cb; }

  .news .post-list {
    list-style: none;
    padding-left: 0; }

  .news .post-list li.post {
    padding-bottom: 23px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    text-align: center; }
    .news .post-list li.post:last-of-type {
      border-bottom-color: transparent; }

  .news .post-list .post-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 12px;
    display: block; }

  .news .post-list .post-date {
    display: block;
    text-transform: uppercase;
    font-weight: 300; }

  .news .post-type {
    font-size: 16px;
    line-height: 24px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px; }

  .news #post-meta {
    width: calc(100% + 48px);
    padding: 6px 6px 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 0 -24px; }

  .news .post-categories a {
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 3px;
    background-color: #eee;
    margin: 6px 0;
    display: inline-block;
    background-color: #A91919;
    color: #fff;
    text-shadow: none; }

  .news #post-content,
  .news .post-list,
  .news .pagination {
    max-width: 900px;
    padding: 24px;
    margin: 0 auto; }

  .news #post-content {
    padding: 24px 0;
    overflow: hidden; }

  .news .news-home-link {
    width: 100%;
    max-width: 900px;
    text-align: center;
    padding: 47px 0 48px;
    border-top: 1px solid #ccc;
    margin: 48px auto 0;
    display: block; }

  .category .page_number {
    font-size: 16px;
    line-height: 24px;
    display: block; }

  .alignright {
    float: right;
    margin: 0 0 24px 24px; }

  .alignleft {
    float: left;
    margin: 0 24px 24px 0; }

  img.alignright,
  img.alignleft {
    max-width: 50%;
    height: auto; }

  /* @end */
  /* @group ----- Tour ----- */
  .block {
    display: flex;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 48px;
    align-items: center; }

  .screencast.block {
    display: block;
    text-align: center;
    margin-bottom: 48px; }

  .block ul {
    list-style: square;
    padding-left: 24px; }

  .block li {
    margin-bottom: 12px; }

  .block img {
    max-height: 288px;
    width: auto;
    flex: 1;
    margin: 0 48px 0 0; }

  .block:nth-child(2n) img {
    margin: 0 0 0 48px; }

  .block-copy {
    flex: 2; }

  .block-copy:only-child {
    text-align: center; }

  .screencast {
    width: 100%; }

  .screencast-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }

  .screencast-container iframe,
  .screencast-container object,
  .screencast-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  /* @end */
  /* @group ----- Showcase ----- */
  .site-filters ul {
    margin: 24px 0;
    list-style: none;
    padding-left: 0;
    padding-bottom: 6px;
    font-family: "Lato", sans-serif;
    letter-spacing: .5px;
    font-size: 20px;
    font-weight: 300;
    text-align: center; }

  .site-filters li {
    display: inline-block;
    margin-right: 12px; }

  .site-filters a {
    padding: 3px 6px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none; }
    .site-filters a.active {
      background-color: #628C85;
      color: #fff; }

  #examples {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    transition: opacity ease-in .5s;
    max-width: 1100px; }

  #examples .example {
    display: none;
    width: calc(50% - 24px);
    padding-top: 24px;
    margin: 0 12px 24px;
    position: relative;
    border-radius: 3px 3px 0 0;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-bottom: 5px solid #a2a2a2;
    background-color: #fff; }
    #examples .example:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 24px;
      background: linear-gradient(15deg, #d8d8d8, #a2a2a2);
      border-radius: 3px 3px 0 0; }

  #examples.all .example,
  #examples.mapping .example.mapping,
  #examples.multi-media-support .example.multi-media-support,
  #examples.user-contributions .example.user-contributions,
  #examples.multilingual .example.multilingual,
  #examples.narratives .example.narratives,
  #examples.large-collection .example.large-collection,
  #examples.coursework .example.coursework,
  #examples.oral-history .example.oral-history {
    display: block; }

  #examples .example img {
    vertical-align: bottom;
    max-width: 100%; }

  #examples .example h4 {
    margin: 0;
    font-family: "Lato", sans-serif; }

  #examples .example-meta {
    padding: 24px;
    border-top: 1px solid #eee; }

  .example-meta span {
    display: block; }

  .featherlight .featherlight-content {
    height: 95%;
    width: 95%;
    margin: 0 auto !important; }

  .featherlight .featherlight-content {
    overflow: hidden !important; }

  .featherlight .featherlight-close-icon {
    right: 12px !important; }

  .featherlight-inner.example-meta {
    display: block;
    width: 25%;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 24px;
    overflow-y: scroll;
    font-size: 14px; }

  .featherlight-inner.example-meta h3 {
    margin-bottom: 0;
    font-size: 24px; }

  .featherlight-inner.example-meta h4 {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 3px solid #eee; }

  .featherlight-inner.example-meta .field {
    margin-bottom: 24px;
    display: block; }

  .featherlight-inner.example-meta .plan {
    padding: 3px 6px;
    border-radius: 3px;
    background-color: #541D1D;
    font-family: "Sanchez", serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    text-transform: uppercase;
    display: inline-block;
    margin: 12px 0 24px;
    color: #fff;
    width: auto; }

  .featherlight-inner.example-meta .plugins ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none; }

  .featherlight-inner.example-meta .plugins li {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin-bottom: 6px; }
    .featherlight-inner.example-meta .plugins li:last-child {
      border-bottom: 0; }

  .featherlight-content iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%; }

  /* @end */
  /* @group ----- Download ----- */
  .download #intro .download.button {
    margin: 24px 0 0;
    font-size: 20px;
    padding: 12px; }

  .download .flex {
    padding: 48px 0;
    align-items: flex-start; }

  .flex #download {
    padding-right: 24px;
    width: 60%; }

  #download ul {
    list-style: none;
    font-size: 24px;
    line-height: 36px;
    padding-left: 0;
    margin: 0; }

  #download li {
    border-bottom: 1px solid #628C85;
    padding-bottom: 11px;
    margin-bottom: 12px; }
    #download li:last-child {
      border-color: transparent; }

  .release-date {
    margin: 12px 0;
    font-weight: 300; }

  #sandbox,
  #omeka-net {
    background-color: #e5e9ee;
    width: 40%;
    padding: 24px; }

  #omeka-net {
    background-color: rgba(0, 0, 0, 0.08); }

  /* @end */
  /* @group ----- Documentation ----- */
  .docs.home .flex {
    height: 100vh;
    width: 100%; }

  .docs.home .flex section {
    width: 50%;
    padding: 120px 0;
    color: #fff;
    text-align: center; }
    .docs.home .flex section h2 {
      font-family: "Lato", sans-serif;
      font-family: 300;
      font-size: 40px;
      line-height: 60px;
      text-transform: uppercase;
      word-spacing: 12px; }
    .docs.home .flex section ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    .docs.home .flex section li {
      display: block;
      text-align: center;
      margin: 0 0 24px; }
    .docs.home .flex section a {
      color: #fff;
      padding: 6px 24px;
      border-radius: 3px;
      border: 2px solid #fff;
      font-weight: 300;
      display: inline-block; }

  .docs.home .flex #omeka-s {
    background-color: rgba(64, 78, 97, 0.8); }

  .docs.home .flex #omeka-classic {
    background-color: rgba(84, 29, 29, 0.8); }

  /* @end */
  /* @group ----- Omeka Everywhere ----- */
  .everywhere h1,
  .everywhere h2,
  .everywhere h3,
  .everywhere h4 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 300; }

  .everywhere #content {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px; }

  .everywhere #intro {
    text-align: left; }

  .everywhere a.button {
    background-color: #fff;
    box-shadow: 0 0 0 1px #000 inset;
    color: #000;
    margin-right: 6px;
    font-family: "Cormorant Garamond", serif;
    padding: 6px 12px; }

  .everywhere #intro p {
    max-width: 600px; }

  .everywhere .tool {
    clear: both;
    padding: 48px 0;
    display: flex;
    align-items: center; }

  .everywhere .tool-meta {
    border-top: 5px solid #000; }

  .everywhere .tool img {
    width: 100%;
    height: auto; }

  #collection-viewer > p {
    margin-right: 48px;
    width: 200%; }

  #mobile-app > p {
    order: 2;
    margin-left: 48px;
    margin-right: -24px;
    width: 200%; }

  #heist {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 -24px;
    padding: 0 24px;
    min-height: 75vh;
    justify-content: flex-end; }

  #heist video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url("../../images/omeka-everywhere.jpg") no-repeat;
    background-size: cover;
    transition: 1s opacity; }

  #heist .tool-meta {
    width: 600px;
    background-color: #fff;
    padding: 0 24px; }

  .everywhere .support {
    padding: 72px 0;
    text-align: center; }

  #vidpause {
    font-size: 14px;
    box-shadow: none;
    padding: 0;
    border-radius: 0; }
    #vidpause.paused:before {
      border-style: double;
      border-width: 0px 0 0px 8px;
      line-height: 1; }
    #vidpause:hover {
      border-color: transparent transparent transparent #404040; }

  #vidpause:before {
    content: "";
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 10px;
    border-color: transparent transparent transparent #202020;
    cursor: pointer;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    display: inline-block;
    margin-right: 6px; }

  .everywhere footer {
    flex-wrap: wrap; }

  .everywhere footer > p,
  .everywhere .logos {
    width: 100%;
    max-width: none; }

  .everywhere .logos {
    display: flex;
    align-items: center; }

  .everywhere .logos > a {
    margin-right: 48px; }

  .everywhere .logos .imls {
    max-height: none; }

  /* @end */
  /* @group ----- About ----- */
  .about #intro h1 {
    font-weight: 300; }

  /* @end */
  /* @group ----- Intro Backgrounds ----- */
  #intro {
    background-color: #f28522; }

  .omeka-classic #intro {
    background-color: #541D1D; }
    .omeka-classic #intro:after {
      background-color: rgba(0, 0, 0, 0.5); }

  .omeka-classic.add-ons #intro,
  .omeka-classic #addon-header {
    background-image: url("../../images/addons_bg.jpg"); }

  .omeka-s.add-ons #intro,
  .omeka-s #addon-header {
    background: url("../../images/addons_default_bg.jpg") center/cover; }

  .omeka-s #intro:after,
  .omeka-s #addon-header:after {
    background-color: rgba(64, 78, 97, 0.5); }

  .about #intro:after {
    background-color: transparent; }

  .showcase #intro {
    background: url("../../images/showcase_bg.jpg") center/cover; }

  .showcase #intro + p {
    text-align: center; }

  .omeka-classic.download #intro {
    background: url("../../images/classic_download_bg.jpg") center/cover; }

  .omeka-s.download #intro {
    background: url("../../images/download_bg.jpg") center/cover; }

  .omeka-s.tour #intro {
    background: url("../../images/tour_bg.jpg") center/cover; }

  .everywhere #intro:after {
    background: url("../../images/everywhere_bg.jpg") center/cover; }

  /* @end */
  /* @group ----- 404 ----- */
  .error #content p {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300; }

  /* @end */ }
@media screen and (max-width: 800px) {
  header {
    position: relative !important;
    text-align: center;
    display: block;
    padding-top: 12px; }

  .site-logo {
    margin: 0 auto; }

  header .sub-menu {
    text-align: center;
    flex-wrap: wrap; }

  header .sub-menu li {
    margin: 6px 12px; }

  header .sub-menu .index {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 5px; }

  .product.home .sub-menu {
    top: 72px; }

  .wrapper {
    padding: 24px 0; }

  /* @group ----- Landing Pages ----- */
  .omeka.home #intro {
    padding: 0 24px;
    margin-top: 0; }

  .omeka.home .products,
  .omeka.home #news {
    flex-wrap: wrap; }

  .omeka.home .product,
  #news .intro-text,
  #news .post {
    width: 100% !important; }

  .product.home #intro {
    padding: 168px 24px 72px;
    text-align: center; }

  .omeka.home .products > div {
    width: 100%;
    overflow: hidden; }

  #other-products .omeka-net {
    margin-bottom: 24px; }

  #news .post {
    margin-left: 0;
    padding-left: 0; }

  .product.home #intro .button {
    font-size: 20px;
    padding: 6px 12px;
    margin: 12px;
    display: block; }

  .product.home #intro p {
    font-size: 24px;
    line-height: 36px; }

  .product.home #features .feature {
    width: 100%; }

  .product.home #features > img {
    display: none; }

  .product.home #features .feature {
    display: block;
    text-align: center; }

  .product.home #features .feature img {
    margin-right: 0; }

  .product.home #support a {
    margin-bottom: 24px; }

  .everywhere .tool {
    display: block;
    width: 100%; }

  .everywhere .tool img {
    max-width: 100%; }

  .everywhere .logos {
    flex-wrap: wrap;
    justify-content: center; }

  .everywhere .logos > a {
    display: block;
    margin-bottom: 48px; }

  video#bgvid {
    position: relative;
    width: 100%;
    height: 100%;
    transform: none;
    left: 0;
    right: 0;
    margin-bottom: 48px; }

  #heist {
    width: calc(100% + 48px); }

  #heist .tool-meta {
    padding: 0;
    width: auto; }

  #mobile-app > p {
    width: 100%;
    margin-left: 24px; }

  #collection-viewer > p {
    width: 100%; }

  #vidpause {
    display: none; }

  .everywhere .support a.button {
    margin-bottom: 24px; }

  /* @end */
  /* @group ----- Footer ----- */
  footer {
    flex-wrap: wrap; }

  footer .logos {
    width: 100%;
    max-width: none;
    margin-bottom: 48px; }

  footer nav {
    width: 50%;
    padding: 0;
    margin-bottom: 24px; }

  /* @end */
  /* @group ----- Showcase & Tour ----- */
  #examples .example,
  .block img,
  .block .block-copy {
    width: 100%; }

  .block {
    flex-wrap: wrap; }

  .block img {
    height: auto;
    max-height: none;
    order: 1;
    margin: 0 !important; }

  .block .block-copy {
    order: 2; }

  .featherlight-content iframe {
    width: 100%;
    height: 70%; }

  .featherlight-inner.example-meta {
    width: 100%;
    top: 70%;
    border-top: 1px solid #ccc; }

  /* @end */
  /* @group ----- Add-ons ----- */
  #addon-header {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center; }

  #addon-header .thumbnail {
    width: 100%;
    padding-bottom: 60%;
    margin: 0 0 24px; }

  #addon-header .author {
    font-size: 12px;
    margin-bottom: 12px; }

  #addon-header a.button {
    margin: 24px auto; }

  #module-list .addon-meta {
    width: 100%;
    padding-right: 0;
    margin-bottom: 24px; }

  #module-list .download {
    width: 100%;
    text-align: left; }

  #module-list .download .button {
    width: auto;
    display: inline-block;
    padding: 6px 24px;
    margin-bottom: 6px; }

  #module-list .download .version {
    display: block; }

  #theme-list .theme {
    width: 100%;
    margin-right: 0; }

  .readme,
  #support-downloads {
    width: 100%; }

  /* @end */
  /* @group ----- Download ----- */
  .download .flex {
    flex-wrap: wrap; }

  .flex #download,
  .flex #sandbox,
  .flex #omeka-net {
    width: 100%; }

  .flex #download {
    margin-bottom: 48px; }

  /* @end */ }