/* dspace-connect-new.css
 * Trimmed stylesheet: contains only rules needed by the active block files:
 *   src/list/display/display.php, display_filters.php, display_filters_vertical.php
 *   src/item/display/item.php
 *   src/search/display/resources_search.php
 *   src/list/display.js, src/search/display.js, src/item/display.js
 *
 * Rules not referenced by those 8 files have been removed.
 * Original: dspace-connect.css (1930 lines)
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&family=Source+Serif+4:opsz,wght@8..60,700&display=swap');

:root {
  --dspc-connect-label4-weight: 700;
  --dspc-connect-label4-leading: 32px;
  --dspc-connect-label5-weight: 700;
  --dspc-connect-label5-leading: 30px;
  --dspc-connect-body3-weight: 400;
  --dspc-connect-body3-leading: 24px;
  --dspc-connect-button-size: 14px;
  --dspc-connect-button-weight: 400;
  --dspc-connect-button-paddingv: 5px;
  --dspc-connect-button-paddingh: 8px;
  --dspc-connect-button-height: 1.6rem;
  --dspc-connect-button-radius: 5px;
  --wp--preset--color--action-outputs-1: #2b425c;
  --wp--preset--color--action-outputs-2: #4f6b8c;
  --wp--preset--color--off-white: #FEFEFE;
  --black: rgb(0, 0, 0);
  --white: rgb(255, 255, 255);
  --dspc-connect-pad1: 0rem;
  --dspc-button-width: 10rem;
  --dspc-button-left: 11rem;

}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */

h4.dspaceConnectTitle {
  line-height: var(--wp--custom--line-height--dspc-connect-h-4-leading);
  font-family: var(--wp--preset--font-family--sourceserif-4);
  margin: 0 auto 0 0;
  padding: 0px;
}

div.resultsItem.list details h4.dspaceConnectTitle { 
  display: none; 
}

h4.dspaceConnectTitle:hover,
h4.dspaceConnectTitle a:hover {
  color: var(--wp--preset--color--dspc-connect-green);
  cursor: pointer;
}

h4.cgConnectTitleGeneral {
  cursor: pointer;
}

h4.cgConnectTitleGeneral:hover {
  color: var(--wp--preset--color--dspc-connect-green);
}

h6.dspaceConnectTitle {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* ============================================================
   FILTERS (HORIZONTAL)
   ============================================================ */

form.filters_form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

.filters.publications-filters {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted var(--wp--preset--color--dspc-connect-gray-2);
  padding-bottom: 60px;
}

select.filters-select,
input.filters-select {
  border: 0.var(--dspc-connect) solid rgba(125, 126, 125, 0.572);
  width: 100%;
  padding: .3rem 4rem .3rem .3rem;
  background-color: transparent;
  color: #636363;
  font-size: 1.var(--dspc-connect);
  border-radius: 0;
  cursor: pointer;
}

.searchbox.filters-select {
  padding-right: 12px;
  width: 150px;
  height: 37px;
  background-position: 93%;
  background-size: 12px;
  border: 0.var(--dspc-connect) solid rgba(125, 126, 125, 0.572);
}

.filters_label {
  font-size: 1.var(--dspc-connect);
}

.filter_Reset {
  opacity: 0.4;
}

h3.filters__title {
  color: var(--mint);
  margin-bottom: 5px;
}

.resFiltersList {
  height: 300px;
  overflow-y: scroll;
}

.resFiltersList { height: min-content; max-height: 300px; }

section.filters {
  padding-top: 0rem;
  padding-bottom: var(--dspc-connect);
}

.searchFormFilters { margin-top: 20px; }

/* ============================================================
   FILTERS (VERTICAL)
   ============================================================ */

.output-filters-vertical {
  margin-top: 0px;
}

.filtersInput {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.filtersInput label {
  display: inline-block;
  transition: all 0.5s ease;
  padding: 0px 0px 0px 15px;
  margin-bottom: 0px 0px 10px 0px;
  overflow: hidden;
  font-size: var(--wp--preset--font-size--body-2-size);
  font-weight: var(--dspc-connect-body3-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
}

.filtersInput input.opinput {
  display: inline-block;
  padding-right: 30px;
  margin-bottom: 0px 0px 10px 0px;
}

.filters-details {
  border-bottom: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
}

.filters_details-outer details[open] {
  padding-bottom: 32px;
}

.filters_details-outer summary {
  cursor: pointer;
  transition: all 0.5s ease;
}

.filtersInput.anyHidden {
  display: none;
}

.filters_details-outer.filters_search,
.filters_details-outer.filters_submit {
  display: none;
}

.globalcgConnectStyle .filters summary {
  cursor: pointer;
}

.globalcgConnectStyle .filters summary {
  list-style-type: none;
  padding-left: 0px;
  background: transparent url('images/arrow-down.svg') right no-repeat;
  background-size: 22px;
}

.globalcgConnectStyle .filters details[open] summary {
  background: transparent url('images/arrow-up.svg') right no-repeat;
  background-size: 22px;
}

.globalcgConnectStyle .filters summary::-webkit-details-marker {
  display: none;
}

/* ============================================================
   RESOURCE ITEM RECORD — BASE
   ============================================================ */

.resourceItemRecord {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: all 0.25s linear;
  margin-top: 0px;
  padding-top: 60px;
  margin-bottom: 0px;
  padding-bottom: 60px;
  border-bottom: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
}

.resourceItemRecord:first-child {
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}

.resourceItemRecord p,
.resourceItemRecord span,
.resourcesPagerSection span,
.resultHref {
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: var(--dspc-connect-body3-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
}

.resultHref,
.resourceItemRecord span,
.resourcesPagerSection span {
  margin-top: 3px;
  margin-bottom: 3px;
}

.resourceItemRecord span.dashicons {
  font-family: dashicons;
  margin-top: 0px;
}

.resourceItemRecord h3 {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 2px;
}

.resourceItemRecord.hidden,
.resourceItemRecord.cards.hidden {
  display: none;
}

.resourceItemRecord.resourceHidden,
.resourceItemRecord.cards.resourceHidden {
  display: none;
}

.resourceItemRecord.filterHidden {
  display: none;
}

/* ============================================================
   RESOURCE ITEM RECORD — CARD MODE
   ============================================================ */

.resourceItemRecord.cards {
  display: block;
  flex: 1 0 26%;
  box-sizing: border-box;
  padding-top: 0px;
  border-bottom: 0px;
}

.resourceItemRecord.cards:hover {
  opacity: 0.8;
}

.resourceItemRecord.cards div.cardInner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.resourceItemRecord.cards summary.outputDetails {
  display: none;
}

.resourcesOutputsWrapper.cards > div {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--dspc-connect) 3rem;
  justify-content: space-between;
}

/* ============================================================
   RESOURCE ITEM RECORD — LIST MODE
   ============================================================ */

.resourceItemRecord.list div.cardInner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 32px;
}

.resourceItemRecord.list div.cardInner > picture {
  flex-shrink: 0;
}

.resourceItemRecord.list .cardContent {
  flex: 1 1 0;
  min-width: 0;
  padding: 0px;
}

.resourcesOutputsWrapper.list .resourceItemRecord.list button.dialogOutputsMore {
  display: none;
}

/* ============================================================
   CARD CONTENT
   ============================================================ */

.resourceItemRecord .cardContent {
  padding: 0px;
}

.resourceItemRecord .centered {
  margin: 0 auto;
  padding: 0 1em;
}

.resourceItemRecord .cardContent h3 {
  margin-bottom: 0px;
  font-weight: 600;
}

.resourceItemRecord .cardContent h3 a {
  text-decoration: none;
}

.resourceItemRecord .cardContent p.outputType {
  padding: 0px;
  margin: 0px;
  font-weight: var(--dspc-connect-label5-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-label-5-leading);
  font-family: var(--wp--preset--font-family--sourceserif-4);
}

/* ============================================================
   CGCONNECT SINGLE ITEM
   ============================================================ */

.cgConnectSingleItem {
  max-width: unset;
}

.cgConnectSingleItem .resourceItemRecord {
  padding-top: 0px;
  padding-bottom: 0px;
}

.cgConnectSingleItem .resourceItemRecord .cardContent {
  padding-left: 0px;
}

.cgConnectSingleItem h4.dspaceConnectTitle {
  margin-bottom: 16px;
}

/* ============================================================
   THUMBNAILS & IMAGES
   ============================================================ */

img.resourceThumb {
  width: 100%;
  height: auto;
  margin-top: 0px;
  border: 1px solid var(--wp--preset--color--dspc-connect-gray-2);
}

img.resourceThumb.genSearchImg {
  width: 50%;
}

.resourceItemRecord picture {
  width: 100%;
  padding: 0px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resourceInnerBlock figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dspaceConnectTitle,
.resourceThumb,
.resourceInnerBlock {
  cursor: pointer;
}

/* ============================================================
   DIALOG / MODAL
   ============================================================ */

.resourceItemRecord dialog:modal {
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: 70px 70px;
  overflow-x: hidden;
  width: calc(100% - 400px);
  height: 70%;
  max-width: 1246px;
  margin: 70px auto;
}

@media screen and (max-width: 1450px) {
  .resourceItemRecord dialog:modal {
    width: calc(100% - 25%);
  }
}

.resourceItemRecord.list dialog.dialogDetails {
  position: static;
  border: 0px;
  width: 100%;
  padding: 0px;
}

.resourceItemRecord.list button.dialogOutputsClose,
.resourceItemRecord.list div.closeWrapDia {
  display: none;
}

.resourceItemRecord button.dialogOutputsMore.btnDetailsShow,
.resourceItemRecord button.dialogOutputsMore.btnDetails1,
.resourceItemRecord.list summary.btnDetails1,
.dialogOutputsMore.cards.summary.btnDetails1,
button.dialogOutputsMore.cards.btnDetails1 {
  display: none;
}

.resourceItemRecord dialog:modal .resourceDownloadBtn {
  width: 145px;
  margin-left: 22px;
}
.resourceItemRecord details .resourceDownloadBtn {
  display: none;
}

.resourceItemRecord dialog:modal button.closeDia {
  background-color: transparent;
  position: absolute;
  right: -9px;
  top: 0px;
  margin-top: 0px;
  color: transparent;
  padding: 0px var(--dspc-connect-button-paddingh) var(--dspc-connect-button-paddingv) var(--dspc-connect-button-paddingh);
  background: transparent url('images/close.svg') no-repeat;
  background-size: 20px;
  background-position: calc(100% - 10px) 44%;
  border: 0px;
  width: min-content;
}

.resourceItemRecord .outputDetails button {
  height: 42px;
}

.closeWrapDia {
  position: relative;
  margin-top: -10px;
  height: 30px;
}

.closeDia:focus,
.closeDia:focus-visible {
  outline: none;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.cgConnectBtn {
  margin-top: 6px;
  color: var(--wp--preset--color--off-white);
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: var(--dspc-connect-button-size);
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: var(--dspc-connect-button-weight);
  padding: 0;
  height: var(--dspc-connect-button-height);
  line-height: var(--dspc-connect-button-height);
  border-radius: var(--dspc-connect-button-radius);
  border: 0px;
  background-color: var(--wp--preset--color--action-outputs-1);
  text-align: center;
  letter-spacing: 1px;
  width: var(--dspc-button-width);
}

.cgConnectBtn.resLoadMore { min-width: 280px; }

.cgConnectBtn:hover {
  background-color: var(--wp--preset--color--action-outputs-2);
}

.cgConnectBtn.generalSearch {
  width: max-content;
}


button.dialogOutputsClose {
  width: 140px;
  text-align: left;
  padding-left: 0px;
  font-size: var(--wp--preset--font-size--body-2-size);
  border: 0px;
}

button.dialogOutputsClose,
.resourceItemRecord dialog:modal button.closeDia {
  background-color: transparent;
}

.resourceItemRecord button.dialogOutputsClose:hover,
.resourceItemRecord dialog:modal button.closeDia:hover {
  background-color: transparent;
}

.dialogOutputsClose {
  margin-top: 75px;
  font-size: var(--wp--preset--font-size--body-2-size);
}

button.resourceDownloadBtn a {
  color: var(--wp--preset--color--off-white);
}

button.resourceDownloadBtn {
  position: unset;
}

button.resourceDownloadBtn.noDetailsBtn {
  position: relative;
  left: 0px;
}

button.resourceDownloadBtn.cgConnectBtn.cgConnectBtnGeneral,
.cgConnectColGeneral .resourceDownloadBtn {
  position: relative;
  left: unset;
  width: unset;
}

.cgConnectColGeneral .resourceDownloadBtn {
  margin-top: 20px;
}

button.resourceDownloadBtn a {
  text-decoration: none;
  padding: 0px;
}

.resourceItemRecord dialog:modal button.resourceDownloadBtn a,
button.resourceDownloadBtn a {
  text-decoration: none;
  padding: 0px;
}

details button.resourceDownloadBtn {
  left: 0px;
  position: static;
}

dialog .resourceDownloadBtn {
  margin-top: 12px;
}

button.displaySwitcherOpt {
  border: 0px;
  background-color: transparent;
  height: 40px;
  width: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.displaySwitcherOpt.cards {
  background-image: url('/wp-content/plugins/DSPACE_CONNECT-resources/images/icon_cards.png');
}

.displaySwitcherOpt.cards.selected {
  background-image: url('/wp-content/plugins/DSPACE_CONNECT-resources/images/icon_cards_A.png');
}

.displaySwitcherOpt.list {
  background-image: url('/wp-content/plugins/DSPACE_CONNECT-resources/images/icon_list.png');
}

.displaySwitcherOpt.list.selected {
  background-image: url('/wp-content/plugins/DSPACE_CONNECT-resources/images/icon_list_A.png');
}

.displaySwitcher {
  position: absolute;
  right: 0px;
  top: -60px;
}

.displaySwitcher button {
  cursor: pointer;
  margin-left: 10px;
}

/* ============================================================
   RESOURCE BUTTON SECTION
   ============================================================ */

.resourceBtnSection {
  margin-top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.5em;
  position: relative;
  font-size: 0.75rem;
}

.globalcgConnectStyle section.resourceBtnSection,
.globalcgConnectStyle section.resourcesOutsideWrapper {
  margin-top: var(--dspc-connect);
  padding-top: var(--dspc-connect);
  padding-bottom: var(--dspc-connect);
}

.resourceItemRecord .resourceBtnSection button {
  padding: 0 0.75em;
  width: var(--dspc-button-width);
  font-size: 0.75rem;
  height: var(--dspc-connect-button-height);
  line-height: var(--dspc-connect-button-height);
}

.resourceItemRecord .resourceBtnSection > button.resourceDownloadBtn {
  padding: 0 2.75em;
  width: var(--dspc-button-width);
  font-size: var(--dspc-connect-button-size);
  height: var(--dspc-connect-button-height);
  line-height: var(--dspc-connect-button-height);
  position: absolute;
  left: var(--dspc-button-left);
  top: 0;
}

.resourceItemRecord .resourceBtnSection {
  padding-right: 5.5rem;
  min-height: 1.6rem;
}

section.resourceBtnSection:empty { padding: 0px; }

/* ============================================================
   METADATA — AUTHORS, YEAR, SERIES
   ============================================================ */

.dspaceSub.year.resultYear,
.dspaceSub.cgConnectAuthors,
.dspaceSub.series {
  font-weight: var(--dspc-connect-label4-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-label-4-leading);
  font-family: var(--wp--preset--font-family--sourceserif-4);
  padding: 0px;
  font-style: italic;
}

span.dspaceSub.year {
  font-weight: 600;
}

span.resultYear::after {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}

span.series::after {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}

span.repRecord::before,
span.licAbbr::before {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}

p.outputType {
  color: var(--wp--preset--color--dspc-connect-gray-1);
  font-style: italic;
}

.cgConnectMoreAuthors {
  display: contents;
  list-style-type: none;
}

.cgConnectMoreAuthors summary {
  cursor: pointer;
  display: contents;
  transition: all 0.75s ease;
}

.cgConnectAuthorsInitial {
  display: inline;
  padding-right: 8px;
}

.cgConnectAuthorsInitial::after { content: ""; }

.cgConnectAuthorsInitial:has(+ details.cgConnectMoreAuthors[open])::after { content: ";"; }

details.cgConnectMoreAuthors[open] summary {
  color: transparent;
  font-size: 0px;
  padding-left: 0px;
}

/* ============================================================
   DETAILS / RECORD DETAILS
   ============================================================ */
.cgConnectDetails {
  margin-top: 1.2rem; 
}
.dspaceDetails {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 3rem;
  padding: 0.01rem 0rem;
  border-bottom: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
  margin-left: -22px;
  margin-right: -22px;
}

.dspaceDetails:last-child {
  border: 0px;
}
.dspaceDetails p {
  margin: 0.5rem 0rem;
}

.dspaceDetails p:first-child {
  padding-left: 22px;
}

.dspaceDetails p:last-child {
  padding-right: 22px;
}

.dspaceKeywordLink {
  display: inline-block;
  font-size: inherit;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.dspaceKeywordLink:hover {
  border-bottom-style: solid;
}

.dspaceKeywordTagWrap {
    margin: 4px 0 2px;
    line-height: 2;
}
.dspaceKeywordTag {
    display: inline-block;
    padding: 0 1rem;
    height: var(--dspc-connect-button-height);
    line-height: var(--dspc-connect-button-height);
    margin: 2px 4px 2px 0;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.07);
    font-size: inherit;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background-color 0.15s ease;
    user-select: none;
    text-decoration: none;
    border-radius: var(--dspc-connect-button-radius);
    color: var(--wp--preset--color--action-outputs-1);
}
.dspaceKeywordTag:hover {
    background-color: rgba(0, 0, 0, 0.14);
}

.recordDetailsDiv.recordSingle { position: relative; }

.recordDetailsDiv.recordSingle button.resourceDownloadBtn { position: static; }

summary.resExpandSettings,
summary.recordDetails {
  cursor: pointer;
}

summary.resExpandSettings span {
  font-size: var(--dspc-connect);
  color: rgb(74, 74, 82);
}

.detailLinkWrap A { text-decoration: none; }

/* ============================================================
   ADMIN / DEBUG
   ============================================================ */

summary.adminSummary {
  cursor: pointer;
  padding: 3px 15px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #333333;
}

details.adminInfoRes {
  border: 1px solid #0274be;
  color: #444444;
  padding: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  margin: 1.5rem 0rem;
}

details.adminInfoRes p,
details.adminInfoRes a { color: #444444; }

details.adminInfoRes .wp-block-button .wp-block-button__link {
  background-color: #0274be;
  border-color: #0274be;
  color: #ffffff;
  padding: 0.3rem 1rem;
  font-size: 0.85rem;
}

/* ============================================================
   SEARCH FORM
   ============================================================ */

.resourcesResultsSearch fieldset {
  background-color: transparent;
  border: 0px;
  padding-left: 0px;
  margin-left: 0px;
}

.resourcesResultsSearch input {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
  height: 38px;
  padding: 0px 0px 0px 10px;
  background: transparent url('images/search.svg') no-repeat;
  background-size: 16px;
  background-position: calc(100% - 10px) 44%;
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: var(--dspc-connect-body3-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
  color: var(--wp--preset--color--dspc-connect-gray-1);
  border-radius: 5px;
  cursor: pointer;
}

.resourcesResultsSearch.resourcesSearchJS { margin-top: 40px; }

.cgConnect-searchinput {
  width: 100%;
}

input.resourceText.advanced {
  width: auto;
}

.cgConnect-searchinput.allseaerch { width: 99%; }

.cgConnect-searchsubmit,
.cgConnect-all-searchsubmit {
  visibility: hidden;
  width: 0px;
}

.resourcesSubmitform.cgConnect-all-searchsubmit {
  height: 0px;
  visibility: hidden;
  width: 0px;
  padding: 0px;
  margin: 0px;
}

.globalcgConnectStyle input[type=text].resourceText {
  padding: 10px 10px;
  border-radius: 5%;
}

.resourceSearchSelect,
.resourceAddRule,
.mainForm {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  row-gap: 2px;
  align-items: flex-start;
}

.resourceSearchSelect.generalsearch {
  display: none;
}

.resourceSearchSelect { flex-wrap: wrap; }

.resourceAdvOptions {
  padding-left: 0;
  background-image: none;
  -webkit-appearance: none;
  appearance: none;
}

.resourceAdvOptions * {
  display: inline;
}

/* simplified search variation */
.resourceAdvOptions.simple { display: none; }
.resourcesSubmitform.cgConnectBtn.simple { display: none; }
.mainForm.simple { width: 100%; }
.cgspSearchModifiers.simple { justify-content: flex-end; }

.resourceAdvOptions summary,
.resourceAddRule {
  display: inline-block;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--body-2-size);
}

.resourceAddRule.hidden {
  display: none;
}

.resourceText {
  height: 30px;
}

input[type="text"].resourceText { width: 225px; }

form.editorcgConnectRes input.cgConnectResField[type="search"],
input[type="text"].resourceText,
.resourcesSearchCriteria,
.cgConnectResField {
  padding: 1px 6px;
  border: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
  border-radius: 5px;
  box-sizing: border-box;
  height: var(--dspc-connect-button-height);
  background-color: transparent;
}

.cgConnectResField[type="search"] {
  cursor: pointer;
}

.cgConnectResField.cgConnectBtn {
  border: 0px;
  background-color: var(--wp--preset--color--dspc-connect-yellow-1);
  padding: var(--dspc-connect-button-paddingv) var(--dspc-connect-button-paddingh);
}

.cgConnectResField.resourceAddRule { padding: 9px; }

.resourceAdvOptions .detailsInner .cgConnectResField {
  vertical-align: super;
}

.resourcesSubmitform.cgConnectResField {
  margin-top: 0px;
}

.resourcesSearchFormInitial .resourcesSearchAndOr {
  display: none;
}

.resourceSearchSelect.preSearchForm {
  visibility: hidden;
  height: 0;
  opacity: 0;
}

.noinput .resourceText,
.noinput .resourceAdvOptions {
  display: none;
}

.resourceSearchSelect.noinput {
  gap: 0px;
}

.resourceSearchSelect.noinput .cgConnectResField {
  height: 47px;
}

.resourceSearchSelect.noinput .cgConnectResField:hover {
  background-color: var(--wp--preset--color--dspc-connect-yellow-2);
}

.hiddenselected {
  display: none;
}

.resourcesSearchSelectRules details.summary {
  display: none;
}

.resourcesSearchSelectRules .resourcesSubmitform {
  display: none;
}

.resourcesSearchSelectRules summary.resExpandSettings {
  display: none;
}

.resourcesSearchSelectRules form.resourceSearchSelect:last-child .resourcesSubmitform {
  display: block;
}

form.resourceSearchSelect.withRules input.resourcesSubmitform {
  visibility: hidden;
  height: 0;
  opacity: 0;
}

.detailsInner.publicationsMain { display: none; }

span.searchExpand img {
  display: block;
  width: 30px;
  height: 30px;
}

.resourceSearchSelect details[open] .searchExpandImg {
  content: url("images/pan-end-symbolic_grn.svg");
}

summary span.searchExpand {
  display: inline-block;
  width: 30px;
  background: #ffffff url('images/pan-end-symbolic.svg') no-repeat;
  background-size: 30px;
  background-position: 0px 4px;
  height: 30px;
}

summary span.searchExpand img {
  display: none;
}

details.adminInfoRes .adminIn4 { padding: 5px 10px; }

/* ============================================================
   SEARCH MODIFIERS
   ============================================================ */

.cgspSearchModifiers { display: none; }
.cgspSearchModifiers.ifDisplayModifiers { display: block; }
.search-pub form.resourceSearchSelect .cgspSearchModifiers { display: block; }
.cgspSearchModifiers { color: var(--wp--preset--color--dspc-connect-gray-2); display: flex; justify-content: flex-start; margin-top: 10px !important; margin-bottom: 40px; }
.cgspSearchModifiers.publicationsPage { color: var(--wp--preset--color--dspc-connect-gray-2); display: flex; justify-content: flex-end; margin-top: 10px !important; margin-bottom: 40px; }
.cgspSearchModifiers { margin-top: var(--dspc-connect); flex-basis: 100%; flex: 0 0 100%; }
.cgspSearchModifiers.advanced { display: none; }
.cgspSearchModifier { border-right: 2px solid var(--wp--preset--color--dspc-connect-gray-1); padding-right: 11px; padding-left: 11px; padding-bottom: 9px; cursor: pointer; }
.cgspSearchModifier:first-child { padding-left: 0px; }
.cgspSearchModifier.last { border-right: 0px; padding-right: 0px; }
.cgspSearchModifier.selectedOpt { color: var(--wp--preset--color--dspc-connect-green); }

/* ============================================================
   SEARCH — RESULTS DISPLAY
   ============================================================ */

.resultsSearch {
  color: var(--wp--preset--color--dspc-connect-gray-2);
  font-size: 2rem;
  padding-right: 20px;
}

.resultsSearch::before {
  content: ' ';
  display: inline-block;
  padding-left: 0px;
  width: 36px;
  aspect-ratio: 1;
  --_c: no-repeat radial-gradient(farthest-side, var(--wp--preset--color--dspc-connect-green) 92%, #0000);
  background:
    var(--_c) top,
    var(--_c) left,
    var(--_c) right,
    var(--_c) bottom;
  background-size: 12px 12px;
  animation-delay: 4s;
  animation: l7 1s infinite;
  margin-right: 10px;
  margin-bottom: -6px;
}

@keyframes l7 { to { transform: rotate(.5turn) } }

@keyframes fadeinout {
  50% { opacity: 1; }
}

.resultsItem {
  margin-bottom: 20px;
  margin-top: 30px;
  padding-top: 0px;
}

.resultsItem.resourceHidden {
  display: none;
}

.resultsNone {
  color: #ffffff;
  background-color: #1b3b64;
  padding: 5px;
  border: 1px solid black;
  border-radius: 5px;
  margin: 30px 0px;
}

.resourcesMoreText {
  padding: 3px 15px;
  border: 1px solid var(--wp--preset--color--dspc-connect-gray-2);
  width: max-content;
  cursor: pointer;
}

.resLoadMoreHidden { display: none; }

.listBlockAdjacentHidden { display: none; }

/* search-pub overrides */
.search-pub form.resourceSearchSelect {
  flex-wrap: wrap;
}

.search-pub form .mainForm > input.resourceText {
  background: #ffffff url('images/search.svg') no-repeat;
  background-size: 16px;
  background-position: calc(100% - 10px) 44%;
}

.search-pub form.resourceSearchSelect .mainForm,
.search-pub form .mainForm > input.resourceText {
  width: 100%;
}

.search-pub form .resourcesSubmitform { display: none; }

/* ============================================================
   SORTING & PAGINATION
   ============================================================ */

.totalAndSorting {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.resultsSort {
  justify-self: flex-end;
}

.resources_sortSelect {
  background-color: transparent;
  border: 0px;
  border-radius: 0;
  color: #636363;
  cursor: pointer;
  font-size: 1.var(--dspc-connect);
  max-width: 180px;
  padding: .3rem 1.8rem .3rem .5rem;
  width: 250px;
}

.resourcesResultsSort {
  display: flex;
  column-gap: 12px;
  padding-right: 15px;
  border: 2px solid var(--wp--preset--color--dspc-connect-gray-2);
  border-radius: 5px;
}

.resultsReverse {
  align-self: center;
  font-size: 20px;
  cursor: pointer;
  margin-left: 0px;
  padding-left: 10px;
  border-left: 1px solid var(--wp--preset--color--dspc-connect-gray-2);
  width: 20px;
  height: 20px;
  background: transparent url('images/sort.svg') no-repeat;
  background-size: 18px;
  background-position: right 2px;
}

.resultsReverse.opposite {
  background-image: url('images/sort_reverse.svg');
}

.resourcesPagerSection {
  display: flex;
  justify-content: right;
  flex-direction: row;
  column-gap: 6px;
}

.resourcesPagerSection.searchMode {
  display: none;
}

.resPageNav.navBtnHidden {
  display: none;
}

.resPageFrom,
.resPageTo,
.resPageTxt,
.resPageTotal,
.resPageToo {
  padding-top: 12px;
  margin-top: 2px;
}

.resPageTotal {
  margin-right: 15px;
}

.resPageFrom {
  margin-left: 15px;
}

.numberRecordsDisplay,
.cgConnectCitPaging {
  font-size: var(--wp--preset--font-size--body-2-size);
  font-weight: var(--dspc-connect-body3-weight);
  line-height: var(--wp--custom--line-height--dspc-connect-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
}

.cgConnectCitPaging {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* ============================================================
   CITATIONS
   ============================================================ */

.cgConnect_list_citations_btn {
  width: max-content;
  padding-left: 0.5rem;
  padding-right: 1rem;
}

.cgConnect_list_citations_btn::before {
  vertical-align: top;
  font-family: dashicons;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  text-rendering: auto;
  font-size: 18px;
  margin-top: -2px;
}

.cgConnect_list_citations_btn::before {
  vertical-align: middle;
}

.cgConnect_list_citations_btn span {
  margin-top: 3px;
  padding-left: 5px;
}

div.cgConnect_list_citations_btn.dashicons::before {
  display: inline-block;
  vertical-align: middle;
}

.cgConnect_list_citations_btn.dashicons.dashicons-yes-alt::before {
  color: var(--wp--preset--color--dspc-connect-green);
}

span.citationClipboard {
  color: #656665;
  margin-left: 8px;
  transition: color 0.5s ease-in;
}

span.citationClipboard.dashicons-yes-alt {
  color: var(--wp--preset--color--dspc-connect-green);
  margin-left: 8px;
}

/* ============================================================
   LAYOUT — WRAPPERS & DISPLAY
   ============================================================ */

.resourcesOutputsWrapper {
  position: relative;
}

.outputsWithDisplayFilters {
  display: grid;
  grid-template-columns: 320px 1fr;
  grid-column-gap: 118px;
}

.outputsWithDisplayFilters.filtersInMenu {
  grid-template-columns: 1fr;
}

.outputsWithDisplayFilters .resourcesOutputsWrapper.cards {
  align-content: start;
}

.outputsWithDisplayFilters .resourceItemRecord.searchHidden.searchShown {
  display: block;
}

.globalcgConnectStyle.resourcesFiltered {
  background-color: #fefefe;
}

.globalcgConnectStyle.resourcesFiltered .resourceHidden {
  display: block;
}

.globalcgConnectStyle.resourcesFiltered .resourceHidden {
  display: none;
}

.globalcgConnectStyle.resourcesFiltered .cgConnectCitPagingB {
  display: none;
}

.landingRecord .totalAndSorting { display: none; }
.landingRecord .resourceDownloadBtn { position: static; left: unset; }

.resourcesOutsideWrapper.cgConnectListView {
  margin-top: 1rem;
}

/* ============================================================
   INPUT UTILITIES
   ============================================================ */

.clearSearchElm {
  width: 25px;
  height: 25px;
  visibility: visible;
  color: #5b5b5b;
  opacity: 1;
  transition: opacity visibility 0.25s linear;
  cursor: pointer;
  padding: 0px;
  margin-left: 0px;
  border: 1px solid #5b5b5b;
  display: flex;
  align-items: center;
  border-radius: 50%;
  font-size: 0.8rem;
  justify-content: center;
}

.clearSearchElm.hidden {
  opacity: 0;
  height: 0;
  visibility: hidden;
  margin-left: 8px;
  align-self: middle;
}

.resourceText.updatedPlaceholder::placeholder {
  color: var(--wp--preset--color--dspc-connect-green);
  font-weight: 800;
  transition: all 0.5s ease-in;
}

.cgConnect-searchinput.updatedPlaceholder::placeholder {
  color: var(--wp--preset--color--dspc-connect-green);
  font-weight: 800;
  transition: all 0.5s ease-in;
}

/* ============================================================
   WP BLOCK BUTTON
   ============================================================ */

.wp-block-button .wp-block-button__link.color-cyan {
  background-color: var(--wp--preset--color--dspc-connect-cyan);
}

/* ============================================================
   MEDIA QUERIES
   ============================================================ */

@media screen and (min-width: 52em) {
  .resourceItemRecord .centered {
    max-width: 52em;
  }
}

@media screen and (min-width: 1460px) {
  .outputsWithDisplayFilters {
    grid-template-columns: 320px 1fr;
  }

  .resourceInnerBlock figure {
    height: 20rem;
    margin-top: var(--dspc-connect);
    width: 15rem;
  }
}

@media screen and (max-width: 1459px) {
  .outputsWithDisplayFilters {
    grid-template-columns: 19.5% 1fr;
    grid-column-gap: 7%;
  }

  .resourceInnerBlock figure {
    height: auto;
    width: auto;
  }

  .resourceItemRecord.list div.cardInner > picture {
    flex-basis: auto !important;
    width: auto !important;
  }
}

@media screen and (max-width: 1100px) {
  .outputsWithDisplayFilters {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-column-gap: 50px;
  }
}

@media screen and (max-width: 750px) {
  .outputsWithDisplayFilters {
    grid-template-columns: 1fr;
  }

  .dspaceDetails {
    margin-left: 0px;
    margin-right: 0px;
    grid-template-columns: 1fr;
    gap: 0px;
    margin-top: 12px;
  }

  .resourceItemRecord dialog:modal {
    max-width: 80vw;
  }

  .cgConnectCitPaging {
    row-gap: 20px;
    flex-direction: column;
  }

  .resPageTotal {
    margin-right: 2px;
  }

  .resPageFrom {
    margin-left: 2px;
  }

  .dspaceDetails p:first-child {
    padding-left: 0px;
  }

  .resourcesOutputsWrapper.cards > div {
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  .resourceItemRecord.list div.cardInner {
    flex-direction: column;
  }
  .resourceItemRecord.list div.cardInner > picture {
    width: 100% !important;
    flex-basis: auto !important;
  }

  h4.dspaceConnectTitle {
    font-size: var(--wp--preset--font-size--dspc-connect-h-4);
  }

  .dspaceSub.year.resultYear,
  .dspaceSub.cgConnectAuthors,
  .dspaceSub.series {
    font-size: var(--wp--preset--font-size--label-4-size);
  }

  .resourceSearchSelect {
    overflow: hidden;
    flex-direction: column;
  }

  .cgspSearchModifiers.publicationsPage {
    flex-direction: column;
    align-items: flex-end;
  }

  .cgspSearchModifiers span.cgspSearchModifier:not(:last-child)::after {
    display: inline;
    content: "";
    padding: 0px;
  }
}