/* ============================================ */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* Quicktabs customization */

/* inactive tabs -- blue tabs */
#quicktabs-discipline_art_design .nav-tabs li a,
#quicktabs-qt_discipline_art_design .nav-tabs li a,
#quicktabs-qt_discipline_history_culture .nav-tabs li a,
#quicktabs-qt_discipline_natural_physical .nav-tabs li a,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li a,
#quicktabs-qt_discipline_special_collection .nav-tabs li a {
  color: #FFF;
  font-weight: 700;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  background-color: #00798f;
  text-decoration:none;
  /* #0592A5; teal blue */
}

/* inactive tabs -- fontawesome icon */
#quicktabs-discipline_art_design .nav-tabs a:before,
#quicktabs-qt_discipline_art_design .nav-tabs a:before,
#quicktabs-qt_discipline_history_culture .nav-tabs a:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs a:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs a:before,
#quicktabs-qt_discipline_special_collection .nav-tabs a:before {
  content: '\f006';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #FFF;
  /* white for active on yellow tab */
  padding-right: 10px;
  transform: scale(1.5);
  /* Add transition to icon to match link transition defaulted in SIL style css */
  transition: all 0.3s ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
}

#quicktabs-discipline_art_design .nav-tabs li a.collections:before,
#quicktabs-qt_discipline_art_design .nav-tabs li a.collections:before,
#quicktabs-qt_discipline_history_culture .nav-tabs li a.collections:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs li a.collections:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li a.collections:before,
#quicktabs-qt_discipline_special_collection .nav-tabs li a.collections:before {
  content: '\f19c';
  font-weight: normal;
  font-family: 'Font Awesome 5 Pro';
}

#quicktabs-discipline_art_design .nav-tabs li a.books:before,
#quicktabs-qt_discipline_art_design .nav-tabs li a.books:before,
#quicktabs-qt_discipline_history_culture .nav-tabs li a.books:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs li a.books:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li a.books:before,
#quicktabs-qt_discipline_special_collection .nav-tabs li a.books:before {
  content: '\f02d';
  font-weight: normal;
  font-family: 'Font Awesome 5 Pro';
}

#quicktabs-discipline_art_design .nav-tabs li a.images:before,
#quicktabs-qt_discipline_art_design .nav-tabs li a.images:before,
#quicktabs-qt_discipline_history_culture .nav-tabs li a.images:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs li a.images:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li a.images:before,
#quicktabs-qt_discipline_special_collection .nav-tabs li a.images:before {
  content: '\f03e';
  font-weight: normal;
  font-family: 'Font Awesome 5 Pro';
}

/* gap between tabs */
#quicktabs-discipline_art_design .nav-tabs.nav-justified>li,
#quicktabs-qt_discipline_art_design .nav-tabs.nav-justified>li,
#quicktabs-qt_discipline_history_culture .nav-tabs.nav-justified>li,
#quicktabs-qt_discipline_natural_physical .nav-tabs.nav-justified>li,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs.nav-justified>li,
#quicktabs-qt_discipline_special_collection .nav-tabs.nav-justified>li {
  padding: 8px 2px;
}

/* ----------art_design------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-discipline_art_design .nav-tabs li.active a,
#quicktabs-discipline_art_design .nav-tabs li.active a:hover,
#quicktabs-discipline_art_design .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-discipline_art_design .nav-tabs .active a:before,
#quicktabs-discipline_art_design .nav-tabs .active a:hover:before,
#quicktabs-discipline_art_design .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-discipline_art_design .nav li a:hover,
#quicktabs-discipline_art_design .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-discipline_art_design .nav a:hover:before,
#quicktabs-discipline_art_design .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ----------art_design------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-qt_discipline_art_design .nav-tabs li.active a,
#quicktabs-qt_discipline_art_design .nav-tabs li.active a:hover,
#quicktabs-qt_discipline_art_design .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-qt_discipline_art_design .nav-tabs .active a:before,
#quicktabs-qt_discipline_art_design .nav-tabs .active a:hover:before,
#quicktabs-qt_discipline_art_design .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-qt_discipline_art_design .nav li a:hover,
#quicktabs-qt_discipline_art_design .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-qt_discipline_art_design .nav a:hover:before,
#quicktabs-qt_discipline_art_design .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ----------history_culture------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-qt_discipline_history_culture .nav-tabs li.active a,
#quicktabs-qt_discipline_history_culture .nav-tabs li.active a:hover,
#quicktabs-qt_discipline_history_culture .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-qt_discipline_history_culture .nav-tabs .active a:before,
#quicktabs-qt_discipline_history_culture .nav-tabs .active a:hover:before,
#quicktabs-qt_discipline_history_culture .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-qt_discipline_history_culture .nav li a:hover,
#quicktabs-qt_discipline_history_culture .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-qt_discipline_history_culture .nav a:hover:before,
#quicktabs-qt_discipline_history_culture .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ----------natural_physical------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-qt_discipline_natural_physical .nav-tabs li.active a,
#quicktabs-qt_discipline_natural_physical .nav-tabs li.active a:hover,
#quicktabs-qt_discipline_natural_physical .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-qt_discipline_natural_physical .nav-tabs .active a:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs .active a:hover:before,
#quicktabs-qt_discipline_natural_physical .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-qt_discipline_natural_physical .nav li a:hover,
#quicktabs-qt_discipline_natural_physical .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-qt_discipline_natural_physical .nav a:hover:before,
#quicktabs-qt_discipline_natural_physical .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ----------natural_physical------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li.active a,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li.active a:hover,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-qt_discipline_natural_physical_s .nav-tabs .active a:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs .active a:hover:before,
#quicktabs-qt_discipline_natural_physical_s .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-qt_discipline_natural_physical_s .nav li a:hover,
#quicktabs-qt_discipline_natural_physical_s .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-qt_discipline_natural_physical_s .nav a:hover:before,
#quicktabs-qt_discipline_natural_physical_s .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ----------special_collection------------ */
/* active tab -- yellow tab with dark grey text */
#quicktabs-qt_discipline_special_collection .nav-tabs li.active a,
#quicktabs-qt_discipline_special_collection .nav-tabs li.active a:hover,
#quicktabs-qt_discipline_special_collection .nav-tabs li.active a:focus {
  color: #555;
  /*grey text */
  cursor: default;
  background-color: rgba(250, 211, 55, 0.9);
  /* #FAD337; /* yellow */
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
/* active tab -- fontawesome icon */
#quicktabs-qt_discipline_special_collection .nav-tabs .active a:before,
#quicktabs-qt_discipline_special_collection .nav-tabs .active a:hover:before,
#quicktabs-qt_discipline_special_collection .nav-tabs .active a:focus:before {
  color: #555;
  /*grey text */
}
/* Hover and focus -- light yellow tab */
#quicktabs-qt_discipline_special_collection .nav li a:hover,
#quicktabs-qt_discipline_special_collection .nav li a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgba(250, 211, 55, 0.5);
  /* #FAD337; /* light yellow */
}
/* Hover and focus -- fontawesome icon */
#quicktabs-qt_discipline_special_collection .nav a:hover:before,
#quicktabs-qt_discipline_special_collection .nav a:focus:before {
  color: #555;
}
/* ------------------------------ */

/* ============================================ */
/* Books and Images masonry page customizations */
/* ============================================ */
.view-discipline-tab-collections h2 {
    font-size: 15.5px;
    font-weight: 100;
    color: #333;
}

.discipline-tab h3 {}

.discipline-tab .caption {
  margin: 0 auto;
}

.discipline-tab .caption h3 {
  margin: 5px 0;
  font-size: 16px;
}

.discipline-tab .thumbnail .caption {
  padding: 0;
}

.discipline-tab a {
	color: #666;
	text-decoration: none;
}

/* Masonry VIEWS configs */

/* col-xs-6 col-sm-4 col-md-3 col-lg-2 */

.discipline-tab .masonry-item>div {
  padding: 2px 5px;
  background-color: #f6f6f2;
  /* background-color: yellow; */
}

.discipline-tab .masonry-item img {
  margin: 0 auto;
  max-width:115px;
}

.discipline-tab .masonry-item {
  display: block;
  padding: 0;
  /*	margin:2px; */
  margin-bottom: 10px;
  line-height: 1.45;
  /*    background-color: #fff; */
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out;
  overflow: hidden;
}

.discipline-tab .masonry-item:hover {
  background-color: #FFFBD9;
}

.discipline-tab .masonry-item:hover>div {
  background-color: #FFFBD9;
}

.discipline-tab .masonry-item:hover a {
  text-decoration: none;
}


/* ============================================ */
/* Library location sidebar */
/* ============================================ */

/* add background block to each location panels */

.block-views-ea07fdc8ab12e42871befb4b245b764c h2 {
	color: #00798f;
}

.view-discipline-block-locations .panel-2col {
  background-color: #F6F6F6;
  margin: 5px 0;
  border-radius: 4px;
}

.view-discipline-block-locations a,
.view-discipline-block-locations a:hover {
	  text-decoration: none;
}

.view-discipline-block-locations .panel-2col:hover {
  background-color: #FFFBD9;
}

.view-discipline-block-locations .views-row-odd {
  margin: 15px 0;
}

/* reduce thumbnail spacing*/
.view-discipline-block-locations .panel-2col .panel-col-first {
  width: 105px;
  margin: 0 2px 0 0;
}

.view-discipline-block-locations .panel-2col .panel-col-last {
  font-size: 16px;
  margin: 0;
  margin-top: 10px;
}

.view-discipline-block-locations .panel-2col .panel-col-first .inside,
.view-discipline-block-locations .panel-2col .panel-col-last .inside {
  margin: 0;
}


/* ========== Media Queries ============= */
@media screen and (min-width: 320px) {
  .masonry-item {
    width: calc(50% - 10px);
  }
}

@media screen and (min-width: 768px) {
  .masonry-item {
    width: calc(33.34% - 10px);
  }
}

@media screen and (min-width: 992px) {
  .masonry-item {
    width: calc(25% - 10px);
  }
}

@media screen and (min-width: 1200px) {
  .masonry-item {
    width: calc(16.67% - 10px);
  }
}