/*** Basics ***/
@font-face {
  font-family: "Lato";
  src: local("Lato"), local("Lato"),
    url("./fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  src: local("Merriweather"), local("Merriweather"),
    url("./fonts/Merriweather-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Merriweather";
  src: local("Merriweather"), local("Merriweather"),
    url("./fonts/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
}

#page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  max-width: 1920px;
  margin: 0 auto;
}

main {
  flex: 1;
  margin: 80px auto;
  display: flex;
  text-align: center;
  width: 100%;
}

section {
  width: 100%;
}

a {
  text-decoration: none;
  color: #2e4a68;
}

p a {
  text-decoration: underline;
}

a:hover,
.timeline p a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

h1,
h2,
h3,
.field__label,
input#search-keywords {
  color: #0b2c4f;
  font-family: "Lato";
  font-weight: normal;
}

p,
div {
  font-family: "Merriweather";
}

#edit-select {
  width: 40%;
  margin: 0 auto 20px;
  min-width: 250px;
}

#edit-tokens {
  display: none;
}

.block-inner {
  margin: 0;
}

li {
  list-style: none;
}

#page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.page-title {
  font-size: 3em;
  margin-top: 60px;
  margin-bottom: 10px;
  text-align: center;
}

@media (max-width: 720px) {
  .page-title {
    font-size: 2em;
  }
}

#siteTitle {
  font-size: 1.5em;
  max-width: 1200px;
  margin: 100px auto 70px;
}

.views-exposed-form .views-exposed-widget {
  float: none;
  display: block;
  padding: 0;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 5px;
}

.views-exposed-form .views-submit-button,
.views-exposed-form .views-reset-button {
  display: inline-block;
}

#breadcrumb {
  display: none;
}

input,
#edit-cancel {
  border: 3px solid #0b2c4f;
  font-size: 18px;
  color: #124d8d;
  background: #fff;
  cursor: pointer;
  padding: 5px 15px;
  margin: 5px;
}

input:hover,
input#search-keywords:hover,
#edit-cancel:hover {
  transition: all 0.5s ease 0s;
  color: #fff;
  background: #0b2c4f;
  border-color: #124d8d;
}

/*** Menu ***/
header {
  position: fixed;
  display: flex;
  background-color: #0b2c4f;
  width: 100%;
  height: 81px;
  z-index: 100;
}

#block-mcahtheme-block-1 a {
  display: inline-block;
  height: 81px;
}

#block-mcahtheme-block-1 svg {
  margin-left: -12px;
}

#block-mcahtheme-block-1:hover {
  background: #fff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

#block-mcahtheme-block-1:hover #Media_Center path {
  fill: #0b2c4f;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

#block-mcahtheme-block-1:hover #for_Art_History path {
  fill: #777777;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

header ul.menu {
  transition: top 0.5s ease-in-out;
}

header ul.menu li a,
header ul.menu li .nolink,
.sf-accordion-toggle {
  font: 22px "Lato", sans-serif;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  padding: 27px 20px;
  background-color: #0b2c4f;
  display: block;
}

.sf-accordion-toggle {
  position: fixed;
  left: 308px;
}

.sf-accordion-toggle a {
  color: #ffffff;
}

header ul.menu li a:hover,
header ul.menu li.active-trail a,
header ul.menu li .nolink:hover,
.sf-accordion-toggle:hover,
.sf-accordion-toggle:hover a {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #0b2c4f;
  background: #fff;
  text-decoration: none;
}

#superfish-1-accordion ul li {
  margin-left: 10px;
}

header #superfish-1-accordion ul li a {
  font-size: 18px;
}

#superfish-1-accordion,
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  top: 81px !important;
}

/*** Menu Bar Search Blocks ***/
#block-mcahtheme-block-4 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

header form#search-block {
  padding: 0 10px;
}

header #search-block input {
  margin: 20px 0;
  font-size: 20px;
  max-width: 150px;
}

header #search-block .form-submit {
  background: transparent;
  background-image: url(./images/search.svg);
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  border: none;
  margin-left: 10px;
  vertical-align: middle;
}

header #search-block #search-keywords:hover {
  color: #0b2c4f;
  background: #fff;
  border-color: #0b2c4f;
}

@media (max-width: 1050px) {
  header #search-block input {
    margin: 10px 0;
  }
}

@media (max-width: 900px) {
  header #search-block input {
    margin: 10px 0;
  }
}

.path-search main,
.path-espanol main {
  padding-top: 40px;
}

.page-node-11932 #main-menu-link-content26580cc4-bb02-464e-a6b1-7e71dc523820,
.page-node-11932 #main-menu-link-content0d858767-0277-4eb4-9bd6-f16f3aff9d9e,
#main-menu-link-content6dc04868-bc70-4ff6-96f7-3614d4cd928c,
#main-menu-link-contentf754f869-7e76-4f72-a202-a60b09a809b0,
.path-espanol #main-menu-link-content26580cc4-bb02-464e-a6b1-7e71dc523820,
.path-espanol #main-menu-link-content0d858767-0277-4eb4-9bd6-f16f3aff9d9e {
  display: none;
}
.page-node-11932 #main-menu-link-content6dc04868-bc70-4ff6-96f7-3614d4cd928c,
.page-node-11932 #main-menu-link-contentf754f869-7e76-4f72-a202-a60b09a809b0,
.path-espanol #main-menu-link-content6dc04868-bc70-4ff6-96f7-3614d4cd928c,
.path-espanol #main-menu-link-contentf754f869-7e76-4f72-a202-a60b09a809b0 {
  display: list-item;
}
/******/
/*** Common Hover Rules***/
#links div:hover,
.page-node-type-record img:hover {
  box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/*** Homepage ***/
.page-node-type-basic-page p {
  max-width: 1000px;
  margin: 30px auto;
  padding: 0 10px;
  text-align: left;
  line-height: 2.15em;
}

.page-node-type-basic-page hr {
  height: 2px;
  background-color: #0b2c4f;
  max-width: 800px;
  margin: 80px auto;
  border: none;
}

#links div {
  display: inline-block;
  width: 30%;
  height: 20vh;
  border-radius: 3px;
  margin: 5px;
  line-height: 20vh;
  font-size: 1.5em;
  background-size: cover;
  background-position: center;
}

#lambayeque {
  background-image: url("images/lambayeque.jpg");
}

#moche {
  background-image: url("images/moche.jpg");
}

#chimu {
  background-image: url("images/chimu.jpg");
}

#casma {
  background-image: url("images/casma.jpg");
}

#horizon {
  background-image: url("images/horizon.jpg");
}

#cupisnique {
  background-image: url("images/cupisnique.jpg");
}

#inca {
  background-image: url("images/inca.jpg");
}

#recuay {
  background-image: url("images/recuay.jpg");
}

#colonial {
  background-image: url("images/colonial.jpg");
}

#wari {
  background-image: url("images/wari.jpg");
}

#links a {
  color: #fff;
  text-shadow: 0 0 10px black;
  font-size: 1.5em;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1000px) {
  #links div {
    width: 45%;
  }
}

@media (max-width: 600px) {
  #links div {
    width: 85%;
  }
}

/******/
/*** Objects ***/
.group-cataloging {
  border-top: 2px solid #0b2c4f;
  border-bottom: 2px solid #0b2c4f;
  padding: 30px 0;
  width: 600px;
  margin: 20px auto;
  text-align: left;
}

.group-cataloging .field {
  padding: 5px 0;
}

.group-cataloging .field__label {
  line-height: inherit;
  margin: 0;
  padding-top: 0;
  padding-right: 15px;
  width: 200px;
  text-align: right;
  font-weight: 700;
}

.group-cataloging .field__label,
.group-cataloging .field__item {
  font-size: 1.25em;
  display: inline-block;
}

.node .field--type-entity-reference .field__items {
  margin: 0;
  padding: 0;
  display: inline;
}

.group-cataloging .field__item {
  max-width: 385px;
  padding: 0;
}

.group-cataloging .field__item a {
  padding-top: 5px;
}

.field--name-field-slide-notation p {
  margin: 0;
}

/******/
/*** Comments ***/
.comment-wrapper,
.page-comment-reply #content {
  max-width: 800px;
  margin: 40px auto;
  text-align: left;
}

.comment-wrapper input,
form.comment-form input {
  margin-left: 0;
}

#edit-author--2,
#edit-comment-body-und-0-format,
ul.inline li.comment-add {
  display: none;
}

.comment .content,
.view-comments-recent .views-row {
  border: 1px solid #0b2c4f;
  padding: 5px;
  margin: 30px 10px;
  text-align: left;
}

footer.comment__meta {
  background: none;
}

footer.comment__meta a {
  color: #2e4a68;
}

.comment-title {
  margin: 5px 0;
}

.comment__submitted {
  font-size: 0.75em;
}

.comment .links .first {
  padding-left: 0;
}

.path-comment #block-mcahtheme-system-main {
  max-width: 1000px;
  margin: 0 auto;
}

.comment:first-of-type:before {
  content: "Comments";
  font-size: 24px;
  font-family: "Lato";
  color: #0b2c4f;
}

/******/
/*** Table of Objects ***/
.view-editable-table-of-records,
.view-search,
.view-search-spanish {
  padding: 0 10px;
}
.view-editable-table-of-records tr {
  text-align: left;
}
.view-objects table {
  margin: 0 auto;
}

table,
td,
th {
  border: 2px solid #0b2c4f;
}

thead th,
thead td {
  padding: 10px 18px;
}

tr:hover {
  background-color: #eee;
  transition: all 0.5s ease;
}

td:hover {
  background-color: #ccc;
  transition: all 0.5s ease;
}

th {
  font-size: 1.25em;
  color: #144e8e;
}

tbody tr,
td.active {
  background-color: #ffffff;
}

td {
  padding: 8px 10px;
  vertical-align: top;
}

td:hover {
  color: #333;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.item-list-pager {
  margin: 20px 0;
}

table input.form-autocomplete,
table .js-form-type-textarea {
  width: 20vw;
}

/******/
/*** Views ***/
.page-views #main-content,
.page-views aside {
  margin-top: 30px;
}

.view-content .item-list ul li {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  max-width: 200px;
  vertical-align: top;
}

#edit-search-api-views-fulltext {
  font-size: 18px;
  padding: 5px 0px 5px 5px;
  width: 100%;
}

.form-item label {
  font-family: "Lato";
  font-size: 16px;
  color: #2e4a68;
  padding: 5px 0px 5px 0px;
}

.facetapi-facet {
  font-size: 1.125em;
}

.view-content .item-list ul li {
  list-style: none;
}

.views-field-title h1 {
  margin: 0.4em 0 0 0;
}

.views-field-field-description {
  max-width: 1000px;
}

.views-label {
  font-weight: bold;
}

.views-field {
  margin-bottom: 10px;
}

.views-field-field-description p {
  margin: 0;
}

.view-header {
  margin-bottom: 5vh;
  text-align: center;
}

.view-footer {
  float: right;
  margin-bottom: 3vh;
}

aside {
  background-color: #ffffff;
  max-width: 20%;
}

aside .block {
  margin: 0px 15px 15px 15px;
  padding: 0 15px;
  text-align: left;
}

aside h2 {
  margin: 0px;
  padding: 5px;
}

aside .js-form-item-search-api-fulltext {
  max-width: 100%;
}

aside .js-form-item-search-api-fulltext input {
  max-width: 85%;
}

ul li.leaf {
  list-style: disc;
}

/*** Collapsiblock ***/
div .collapsiblock {
  background: none;
}

.collapsiblockTitle h2::before {
  content: url("./images/open.png"); /*change url*/
  padding: 5px;
}

.collapsiblockTitleCollapsed h2::before {
  content: url("./images/closed.png");
  padding: 5px;
}

.collapsiblockTitle button,
div .collapsiblockTitleCollapsed button {
  background: none !important;
  padding: 10px 10px 10px 0;
}
aside .facets-widget-links ul li.facet-item label .facet-item__value,
.view-header .facets-widget-links ul li.facet-item label .facet-item__value {
  color: #2e4a68;
  text-decoration: none;
}
.view-collection-search-contextual li.facet-item label::before,
.view-faculty-searches li.facet-item label::before,
.view-media-on-non-artist-agent li.facet-item label::before,
.view-taxonomy-term-indexed li.facet-item label::before {
  content: none;
}
li.facet-item label::before {
    content: "•";
    margin-right: 5px;
    font-size: 1.25em;
    color: #2e4a68;
    line-height: 19px;
    vertical-align: middle;
  }
li.facet-item label.is-active::before {
  content: "(-)";
  font-size: 15px;
}
li.facet-item label:hover {
  cursor: pointer;
}
/******/

/******/

.field--name-field-image .image-widget-data {
  display: none;
}

#user-register-form {
  max-width: 600px;
  margin: 0 auto;
}

#user-register-form .form-item .description {
  text-align: left;
}

/*** Footer ***/
footer {
  background-color: #0b2c4f;
}

footer .block {
  margin: 0;
}

footer .field--name-body div {
  font: 17px "Lato", sans-serif;
  display: inline-block;
  color: #fff;
  width: 320px;
  padding: 20px 20px 0px 20px;
  height: 55px;
}

footer .field--name-body div:nth-child(1) {
  padding-top: 15px;
  padding-bottom: 3px;
  padding-right: 22px;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: #ccc;
}

@media (max-width: 1460px) {
  footer .field--name-body div:nth-child(4) {
    width: 322px;
  }
}

@media (max-width: 740px) {
  footer {
    text-align: center;
  }

  footer .field--name-body div,
  footer .field--name-body div:nth-child(4),
  footer .field--name-body div:nth-child(1) {
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
  }
}

/******/