/* 
	ample default layout 
	2015-07-15 Alex Jahnke
    2016-07-12 Alex Jahnke
*/

/* Bootstrap 5 tweak: do not underline links unless hovered over */
.page-item.active .page-link {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.list-group-item.active {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

a:not([class*="btn"]):not([class*="nav-link"]):not([class*="navbar-brand"]):not([class*="dropdown-item"]):not([class*="chosen-single"]):not([class*="list-group-item"]):not([class*="olButton"]) {
    text-decoration: none;
    color: #467fd0;
}

a:not([class*="btn"]):not([class*="nav-link"]):not([class*="navbar-brand"]):not([class*="active"]):not([class*="dropdown-item"]):not([class*="chosen-single"]):not([class*="list-group-item"]):not([class*="olButton"]):hover {
    text-decoration: underline;
    color: #467fd0;
}

a:not([class*="btn"]):not([class*="nav-link"]):hover.list-group-item, a:not([class*="btn"]):not([class*="nav-link"]):not([class*="olButton"]):hover.dropdown-item {
    text-decoration: none;
    background-color:#f5f5f5;
    color: #212529;
}

a:not([class*="btn"]):hover.ample-no-underline {
    text-decoration: none;
    color: #467fd0;
}

/* change bootstrap colors */
[class*="btn-primary"] {
    background-color: #467fd0;
    border-color: #467fd0;
}
[class*="btn-danger"] {
    background-color: #d9534f;
    border-color: #d9534f;
}
/*[class*="btn-success"] {
    background-color: #467fd0;
    border-color: #467fd0;
}*/
[class*="btn-warning"] {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.ample-edit-this, .ample-delete-this {
    border: 1px solid black;
}

.ample-edit-this:hover, .ample-delete-this:hover {
    background-color: #e6e6e6;
    border: 1px solid black;
}

/* change color in bootstrap accordions */
.accordion-button:not(.collapsed) {
    color: var(--bs-body-color);
    background-color: #ffffff;
}

/* grey out labels for disabled form fields */
.ample-form-disabled-text {
  opacity: .4;
}

/* class .active does not look nice in Bootstrap 5 in all places
 so overwrite the default with a darker background */
.ample-active {
    color: #000;
    background-color: #b1b1b1 !important;
}

/* chosen plugin fix */
/* show placeholder value if no value is yet selected in multiselect fields */
.chosen-container-multi .chosen-choices .search-field .default {
    width: 25em !important;
}

/* Firefox fieldset hack
 (see: https://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685)
*/
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.fa-clipboard:hover {
    cursor: pointer;
}

/* Elements */
body {
	font-family:"Georgia", serif;
}
/* make body always at least 100% high, footer at the end */
body{ display:flex; flex-direction:column; min-height: 100vh;}
.ample-content{ flex:1; }

footer {
	color:#ffffff;
	background-color:#222222;
	padding:1em;
	margin-top:4em;
}
header {
	margin-bottom:1em;
	background-color:#222222;
	color:#ffffff;
}

/* Classes */
.ample-alert {
	border: #996666 1px solid;
	background: #eeeeee;
	font-weight: bold;
	/* z-index: -1; */
}
.ample-content {
	margin-top: 2em;
}
.ample-heading {
	margin-bottom:1em;
}
.ample-display-label {
    color:#666666;
	width:45%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-right:1%;

}
.ample-display-label-smaller {
    color:#666666;
	overflow:hidden;
    display:inline-block;
	vertical-align:top;
	margin-right:1%;
    width:30%;
}
.ample-display-line {
    margin-top:0.1em;
}
.ample-display-content {
   /* display:inline-block; */
   width:54%;
   vertical-align:top;
}

.ample-display-content-larger {
   /* display:inline-block; */
   width:69%;
   vertical-align:top;
}
.ample-modal-explanation {
    /* margin-top:1em; */
    color:#666666;
}
.ample-no-border {
    border:0 !important;
}
.ample-sponsor-logo {
	height:50px;
	margin:0 1em;
}
.ample-shortlist-bookmark {
	height:0;
}
.ample-shortlist-bookmark a {
	position:relative;
	top:-2.1em;
	background:transparent;
	border:0;
}
.ample-shortlist-bookmark-dark {
	height:0;
}
.ample-shortlist-bookmark-dark a {
	position:relative;
	top:-2.1em;
	border:0;
}
.ample-shortlist-item {
	border:1px dashed #666666;
	background:#ffffff;
	border-radius: .25rem;
    padding: 19px;
    margin-bottom: 20px;
}
.ample-shortlist-item-additional {
}
.ample-shortlist-item-entry {
}
.ample-sidebar-block {
	background:#ffffff;
	border:0;
	padding-top:0;
	border-radius: .25rem;
    padding-right: 19px;
    padding-bottom: 19px;
}
.ample-sidebar-block ul {
	list-style:none;
}

.ample-facets-outer {
    padding-top: 1em;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#ample-facets h3:empty:before {
    content:' ';
    display:inline-block;
    width:1em;
}

.ample-shortlist-item ul {
    list-style:none;
}
.ample-transparent {
    background:transparent !important;
}

/* Editor */
.ample-form-heading {
    margin-top:2em;
    border-bottom:1px solid #cccccc;
    padding-bottom:0.1ex;
    margin-bottom:0.5em;
    font-size:3em;
    font-style:italic;
}
.ample-formfield-menu {
    margin-top:1em;
}

.ample-merge-button {
    margin-top: 1em;
}
.ample-merge-editor {
    padding: 1em;
    background: #f5f5f5;
}

.ample-editor-field-annotation {
    /* this styles the annotations below editor fields */
    /* nothing here yet */
}

.ample-editor-field-heading {
    /* this styles the heading above editor fields */
    /* mimic <h4> tag */
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    /* custom changes */
    font-family: sans-serif;
}

.ample-editor-field-explanation {
    /* this styles the explanation above editor fields */
    font-style: italic;
}

.ample-editor-autocomplete-items {
    margin-left: 23px;
}

.ample-editor-field-wizard-preview {
    font-style: italic;
}

.ample-editor-hovered {
    background: #e9ecef;
    padding: 1em;
    opacity: 1;
}

/*.ample-select-button {
    margin-right: 0.1em;
    margin-left: -0.1em;
}*/

/* Draggable elements */
.drag-background {
    background-color: #e9ecef;
    opacity: 1;
}

.drag-handle {
    cursor:move;
}

.ample-box-noofhits {
    font-weight:bold;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.ample-editor-card {
    margin-bottom: 1em;
}

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

.ample-expandable-button {
    text-align:left !important;
}

.ample-expandable {
    padding: 1em;
    margin-bottom: 1em;
}

.ample-form-group {
    margin-top: 1em;
    /*margin-bottom: 2em;*/
}

.expandable h3 {
    display:none;
}

/* IDs */
#ample-default-layout-topNavBar {
	border:0;
	background-color:#222222;
}
#ample-default-layout-bottomNavBar {
	border:0;
}
#ample-default-layout-extSearch {
	margin-top:1em;
}
#ample-default-layout-header {
	min-height:350px;
	color:#eeeeee;
	margin-bottom:0;
	text-shadow:1px 1px #222222;
}

#ample-default-layout-queryInputField {
	width:100%;
}
#ample-default-layout-searchbar {
	margin-top:0;
	padding:1em;
}

/* search field clear button styles */
.clear-button.position-relative input {
  padding-right: 32px;
}

.form-clear {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #cecece;
  border-radius: 50%;
  top: 8px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 20px;
  width: 24px;
  z-index: 10;
}

.form-text~.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear .material-icons {
  font-size: 16px;
  font-weight: 500;
}

/* adjustments for print */
@media print {
  
  #ample-default-layout-header {
    min-height:0;
    color:#000000;
    text-shadow:none;
    margin:0;
    padding:0;
  } 
  #ample-default-layout-header > div {
    margin:0 !important;
    padding:0 !important;
  }
  
  .ample-display-label {
    color:#ffffff;
	width:45%;
	overflow:hidden;
	vertical-align:top;
	margin-right:1%;
    font-style:italic;
    margin-top:1ex;

}
.ample-display-content {
    width:100% !important;
}

.ample-display-content-block {
    display: block;
}

.ample-shortlist-item {
    border:0 !important;
}

.ample-shortlist-bookmark {
    display:none;
}
  
   a[href]:after {
    content: none;
  }
  
}