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

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

// 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
// ------------------

// -- Search


// -- Modules
.media-list {
  width: 100%;
  .resource-link {
    width: auto;
    display:inline-block;
    > * {
      float: left;
      clear: both;
    }
  }
}


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