html {
  position: relative;
  min-height: 100%;
  background-color: #fff;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

body.path-frontpage {
  /* Margin bottom by footer height - none on front page */
  margin-bottom: 0px;
}


.path-frontpage .feed-icons {
  display: none;
}

/* Fixes Bootstrap 4.5.1 removing this for .col*/
/* Making JS innerWidth() unexpectedly super width (scree width) when resizing a Canvas */
#content.col {
  min-width:0;
}

.content {
  padding-bottom: 2rem;
}

div[data-drupal-selector="edit-field-layout"] {
  background: #ffffff;
}
pre code {
  display: block;
  padding: 10px;
  color: #2a384f;
  background-color: #e4eff2;
  margin-left: 8px;
  width: 1010px;
  overflow: scroll;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; /* future proofing */
  -khtml-border-radius: 8px; /* for old Konqueror browsers */
}

/* FA and icons */
/* this is a little bit tricky. */

#navbar-top {
  align-items: flex-start;
}

.nav-item .fa-li {
  left: 0em !important;
  top: 0.5em !important;;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.nav-item .fa-li + a.nav-link {
  padding-left: 30px;
}

/* Bootstrap Barrio 5.5 adds white background to buttons */

#navbar-top .form-actions {
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
}

/**menu and nav styles**/

#navbar-main {
  padding: 0px;
}

.navbar-dark .navbar-brand {
  color: #fff;
  font-weight: 100;
  font-size: 1.5rem;
  font-weight: 100;
}

.nav.navbar-nav {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
}

.breadcrumb {
  background-color: #fff;
}

#navbar-top div:last-child {
  margin-left: auto;
}


.navbar-collapse.collapse.show section.row {
  flex-flow: column;
  -webkit-flex-flow: column wrap; /* Safari 6.1+ */
}

@media all and (max-width: 75em) {
  .navbar-expand-lg .navbar-collapse {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -ms-flex-positive: 1;
    flex-shrink: 1;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}


@media all and (max-width: 62em) {
  .navbar-expand-lg .navbar-collapse {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .navbar-expand-lg .navbar-collapse section.row {
    flex-flow: column;
    -webkit-flex-flow: column wrap; /* Safari 6.1+ */
  }

  .navbar-expand-lg .navbar-collapse .nav-link {
    padding-left: 1rem;
  }

  .navbar-expand-lg .navbar-collapse .nav-link:hover {
    background: #FFFFFF;
  }

  .navbar-dark .navbar-brand {
    color: #fff;
    font-weight: 100;
    font-size: 1.2rem;
    padding-left: 1.25rem;
    font-weight: 100;
    padding-top: 0.7rem;
  }
  .navbar-brand-slogan {
    padding-left: 1.25rem;
  }


  .collapsing {
    transition: height 0.1s linear;
    /* transition: none !important; */
  }
}

@media all and (max-width: 48em) {
  .navbar-expand-lg .navbar-collapse {
    -ms-flex-preferred-size: 20% !important;
    flex-basis: 20%  !important;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #views-exposed-form-solr-search-content-page-1:focus-within fieldset.form-type-search-api-autocomplete input, #views-exposed-form-solr-search-content-grid:focus-within fieldset.form-type-search-api-autocomplete input {
    width: 100% !important;
    flex: 1;
    transition: none !important;
  }
  #views-exposed-form-solr-search-content-page-1 fieldset.form-type-search-api-autocomplete input, #views-exposed-form-solr-search-content-grid fieldset.form-type-search-api-autocomplete input {
    transition: none !important;
    width: 100% !important;
  }
}

@media all and (max-width: 34em) {
  .navbar-expand-lg .navbar-collapse {
    -ms-flex-preferred-size: 10% !important;
    flex-basis: 10%  !important;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #views-exposed-form-solr-search-content-page-1:focus-within fieldset.form-type-search-api-autocomplete input, #views-exposed-form-solr-search-content-grid:focus-within fieldset.form-type-search-api-autocomplete input {
    width: 100% !important;
    max-width: 175px;
    flex: 1;
    transition: none !important;
  }
  #views-exposed-form-solr-search-content-page-1 fieldset.form-type-search-api-autocomplete input, #views-exposed-form-solr-search-content-grid fieldset.form-type-search-api-autocomplete input{
    transition: none !important;
    width: 100% !important;
    max-width: 175px;
  }

}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

/** END menu and nav styles**/

/** Begin search box **/

@media (max-width: 992px) {
  #views-exposed-form-solr-search-content-page-1 > div > fieldset.js-form-item {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
}

.block-views-exposed-filter-blocksolr-search-content-page-1 {
  display: flex;
  position: relative;
}


/* This hides Sort and Items per page from a very specific search block in the front page*/
.path-frontpage #block-searchblockcenterfrontpage .form-item-sort-by {
  display:none
}

.path-frontpage #block-searchblockcenterfrontpage .form-item-items-per-page {
  display:none
}

/** END search box **/

h1.title {
  margin-top: 1.25rem;
}

/** Release 1.0.0 Bootstrap 5 gives these negative margins making it overlap with a viewer/anything before **/

.field .blockquote-footer {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}


/**home page promo stuff**/

#main-wrapper {
  padding-bottom: 400px;
  /** 50px more than the footer **/
  margin-left: 0;
}

#main-wrapper.focused-content {
  background-color: #e9ecef;
}

p.lead-top {
  font-size: 1.8em;
}

p.lead-bottom {
  margin-top: 20px;
  font-weight: bold;
  text-align: left;
  line-height: 1.6em;
  color: #33334d;
}

#strawberryfield h1,
.front-section h1 {
  font-weight: bold;
}

#strawberryfield h1 {
  text-shadow: 1px 1px #c10b7e;
}

#strawberryfield .jumbotron,
.front-section .jumbotron {
  margin-top: 0px;
  text-align: left;
  background-color: transparent;
}

.front-section {
  display: block;
  padding: 12px;
  width: 100%;
  min-height: 600px;
  height: inherit;
  background-color: #e3e3e3;
}

.purple {
  background-color: #d1d1e0;
}

/**site footer**/

.site-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  min-height: 350px;
  padding: 2rem 1rem;
}

.site-footer .block {
  border: none;
}
.site-footer .site-footer__bottom {
  border: none !important;
}

/**END site footer**/

/**search results**/

.view-solr-search-content h2 {

}

/**END search results**/

.table, .table-responsive {
  --bs-table-striped-bg: rgba(233, 236, 239, 0.31);
}

#drupal-off-canvas > div > table > caption {
  margin: 1rem;
  padding: 1rem;
}

.view-id-activity .views-form,
.view-id-activity #edit-header {
  margin-left: -30px;
}

.view-id-activity #edit-action {
  display: block;
  width: 276px;
}

.node-digital-object-collection-form .field--name-title,
.node-digital-object-collection-form .field--type-strawberryfield-field,
.node-digital-object-collection-form .field--name-moderation-state {
  padding: 0px;
}

.node-digital-object-collection-form .btn-primary {
  margin-left: 30px;
}

input.button {
  width:auto;
}

/** Layout **/

.layout--twocol {
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.2;
  border-bottom: 1px solid rgba(165, 165, 165, 0.3);
}

div.view-content.row-bootstrap4.container > div:last-child .layout--twocol {
  border-bottom: none !important;
}

/* node edit */
#page details summary {
  color: #333333;
}

#page details div.details-wrapper, .ui-dialog div.details-wrapper {
  background-color: rgba(233, 236, 239, 0.31);
  padding: 1rem !important;
  margin: 1rem !important;
  padding-bottom: 0.5em;
}

div#sidebar_second.sidebar.col-md-3.order-last:empty {
  max-width: 0px !important;
  width: 0px !important;
  min-height: 0px;
  flex: 0 0 0% !important;
  flex-basis: 0;
}

/* make sure hidden is respected */
.hidden {
  display: none !important;
}

/* Slides */

.carousel.slide {
  background-color: rgba(31,31,33,0.9);
  border-radius: 6px;
  box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
  transition: box-shadow .3s;
}

.carousel-inner {
  border-radius: 6px;
}

.carousel-inner .active {
  opacity:0.9;
  filter: alpha(opacity=90); /* For IE 8 & 9 */
}
.carousel-control-prev-icon {
  width:3rem;
  height:3rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="black" stroke-width="2" stroke-linecap="round" d="m88.6,121.3c0.8,0.8 1.8,1.2 2.9,1.2s2.1-0.4 2.9-1.2c1.6-1.6 1.6-4.2 0-5.8l-51-51 51-51c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-54,53.9c-1.6,1.6-1.6,4.2 0,5.8l54,53.9z"></path></svg>');
}
.carousel-control-next-icon {
  width:3rem;
  height:3rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="black" stroke-width="2" stroke-linecap="round" d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"></path></svg>');
}

/* remove padding for Views element content */
main.main-content .views-element-container div.content {
  padding: 0 0 0 0
}

/* Add spacing to pager in a views */
ul.pagination {
  padding-top:1.5rem;
}


/* Add top space to Tab/Tab panes */

.tab-pane {
  margin-top:1.5rem;
  padding:.5rem 1rem;
}

/* Advanced Search Overrides. Requires the view to have a class named advanced-search-box */

.advanced-search-box .form-actions.mb-3 {
  margin-top: 1rem;
}

.advanced-search-box .views-exposed-form .form-row {
  min-height: 0;
  width: 100%;
  flex-flow: column;
}
.advanced-search-box .views-exposed-form .form-row fieldset {
  min-height: 0;
  flex-direction: column !important;
}
.advanced-search-box .views-exposed-form .form-row .fieldset-wrapper {
  display: flex;
  column-gap: 1rem;
}
.advanced-search-box .views-exposed-form .form-row .fieldset-wrapper label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.advanced-search-box .views-exposed-form .form-row .fieldset-wrapper .js-form-item {
  display: flex;
  flex-grow: 1;
}
.advanced-search-box .views-exposed-form .form-row .fieldset-wrapper a.adv-search-delone.btn {
  height: max-content;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}