//  Omeka Styles
//  -----------------------------
//
//  Table of Contents:
//  #. Global Styles
//  #. Header
//  #. Resource Browse
//  #. Advanced Search
//  #. Page
//  #. Blocks

// #. Global Styles
// ------------------


  #user-bar {
    width: 100%;
  }

// line breaks generated by omekas
.break {
  width: 100%;
  margin: (2 * $global-margin) 0;
  clear: both;
}
.break.opaque {
  border-top: 1px solid $body-background;
}
.break.transparent {
  border-top: none;
}

// vertical spacing for bloc elements
//
.archive-item-block {
  margin-bottom: $global-margin * 1;
}

/* Styles for vertical menu layout */

// #. Header
// ------------------


// #. Footer
// ------------------


// #. Resource Browse
// ------------------

.browse-control-mobile {
   display: none;

   @include breakpoint(small down) {
     display: inline-block;
   }
}

.browse-controls {
   @include xy-grid;
   justify-content: space-between;
   align-items: center;
   @include breakpoint(small down) {
     display: none;

     &.open {
       display: flex;
       align-items: stretch;
     }

     &.closed {
       display: none;
     }
   }
  .button-group {
    margin-bottom: 0;
  }
  button,.button{
    font-size: $global-font-size * 0.9;
    padding: $global-padding*0.7 $global-padding*1.7;
  }
}

.omeka-pagination {
   @include breakpoint(medium) {
     @include xy-cell();
   }
}

.omeka-pagination,
.omeka-pagination form {
   display: flex;
   align-items: center;
}

.omeka-pagination .button-group {
   flex-wrap: nowrap;
   flex-grow: 0;
}

.sorting {
   display: flex;
}

.sorting select {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
}

.sorting {
  display: flex;
  button,.button {
    padding: 0 $global-padding*1.4;
    font-size: $global-font-size * 0.85;
    margin: 0 $global-margin;
  }
  select {
    margin-bottom: 0;
  }
}
// #. Resource Show
// ------------------

// #. Advanced search
// ------------------
// hide search form in results view on top of title
.sitewide-search-form {
  display:none;
}
// #. Page
// ------------------

// -- submenus
.omekas-entry-content {
  .sub-menu.wide {
    //padding like .hero.collection-single aside nav
    position: absolute;
    left: 0;
    width: 100vw;
    @include breakpoint(small) {
      padding-left:  0;
      padding-right: 0;
    }
    @include breakpoint(medium) {
      padding-left: $global-padding * 3;
      padding-right: $global-padding * 3;
    }
    @include breakpoint(xxlarge) {
      padding-left: $global-padding * 8;
      padding-right: $global-padding * 8;
    }
    a {
      &:hover {
        text-decoration: underline;
      }
    }
    .sticky {
      &.is-stuck {
        background-color: scale-color($white, $alpha: 90%);
      }
      &.is-at-top {
        margin-top: 0 !important;
      }
    }
  }
}

// -- Search


// -- Modules
.media-list {
  @include breakpoint(small) {
    display: flex;
    flex-direction: column;
    width: 100%;
    .resource-link {
      width: auto;
      display:inline-block;
      padding-right: $global-padding;
      > * {
        float: left;
        clear: both;
      }
    }
    .resource-name {
      font-size: 0.8rem;
    }
  }
  @include breakpoint(medium) {
    flex-direction: row;
  }
}


.blocks {
  .pannemmul-wrap {
    margin: $global-margin 0;
  }
}
