/* GLOBAL CSS  */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,400;0,600;1,700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css");
* {
  box-sizing: border-box;
}

:root {
  --eb-white: #fff;
  --eb-gray-100: #f5f5f5;
  --eb-gray-200: #d7d8da;
  --eb-gray-300: #afb2b5; 
  --eb-gray-400: #8d9095;
  --eb-gray-500: #6e7277;
  --eb-gray-600: #55585d;
  --eb-gray-700: #3d3f42;
  --eb-blue-100: #d8e3f5;
  --eb-blue-300: #8bace2;
  --eb-blue-500: #3e75cf;
  --eb-blue-600: #2d62b7;
  --eb-blue-700: #255096;
  --eb-blue-800: #1d3f75;
  --eb-red-100: #fbd5d4;
  --eb-red-600: #d71818;
  --eb-green-100: #d4e7d9;
  --eb-green-500: #268742;
  --eb-yellow-100: #fef1d8;
  --eb-sans-font-stack: "Noto Sans", "Noto Sans Display", Arial, sans-serif;
  --brisk: 250ms;
}

/* FALLBACKS FOR IE11 */
body, .eis-input, .eis-button, .eis-osano-button {
  font-family: "Noto Sans", "Noto Sans Display", Arial, sans-serif;
}
a:link,
a:visited {
  color: #3e75cf;
  border-bottom: dotted 1px #3e75cf;
}
a:hover,
a:focus {
  color: #255096;
  border-bottom: solid 1px #255096;
}

a:active {
  color: #1d3f75;
}
.eis-input {
  color: #333;
  background-color: white;
  border: solid 1px #999;
}
.eis-button {
  color: white;
  background-color: #3e75cf;
  border: solid 1px #3e75cf;
}
.eis-button--alt-auth {
  color: #3e75cf;
  background-color: white;
  border: solid 1px #3e75cf;
}
.eis-header,
.eis-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #d7d8da;
  border-bottom: 1px solid #d7d8da;
}
.eis-or-divider{
    color: #8d9095;
}
.eis-or-divider::before{
  background: #afb2b5;
}
.eis-or-divider > span{
  background-color: #fff;
}
/* END FALLBACKS FOR IE11 */

body {
  margin: 0;
  color: var(--eb-gray-700);
  font-family: var(--eb-sans-font-stack);
  line-height: 1.5;
}

a:link,
a:visited,
.eis-osano-button {
  color: var(--eb-blue-600);
  text-decoration: none;
  border-bottom: dotted 1px var(--eb-blue-600);
  font-weight: 600;
}

a:hover,
a:focus {
  color: var(--eb-blue-700);
  border-bottom: solid 1px var(--eb-blue-700);
}

a:active {
  color: var(--eb-blue-800);
}

h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}
/* end GLOBAL CSS  */

/* LOG IN PAGE LAYOUT */
.eis-login {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
/* end LOG IN PAGE LAYOUT */

/* HEADER CSS  */
.eis-header {
  background-color: var(--eb-gray-100);
  border-bottom: 1px solid var(--eb-gray-200);
}

.eis-header__content {
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 42em) {
  .eis-header__content {
    grid-template-columns: 1fr 400px 1fr;
    -ms-grid-columns: 1fr 400px 1fr;
  }
}

.eis-header__heading {
  margin: 0;
  padding: 1.35rem 1rem;
  line-height: 0;
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

@media screen and (min-width: 42em) {
  .eis-header__heading {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}

.eis-header__ebsco-logo {
  display: inline-block;
  height: 1.0625rem;
}

.eis-header__link {
  grid-column: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (min-width: 42em) {
  .eis-header__link {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}

.eis-header__link a {
  font-size: 0.8rem;
  margin-right: 0.5rem;
  color: var(--eb-blue-600);
}

/* end HEADER CSS */

/* MAIN CONTENT CSS */
/* #divMain1 {
    display: flex;
    flex-direction: column;
} */

.eis-login-fields {
  margin-top: 2rem;
}

.eis-main {
  flex: 1 1 auto;
  width: 25rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 1.5rem 1rem;
}
@media screen and (min-width: 42em) {
  .eis-main {
    padding: 3.5rem 1rem;
  }
}

.eis-user-message {
  padding: 0 0 1.5em;
}

.eis-login-info {
  padding: 1rem 0;
  font-size: 0.8125rem;
}

.eis-or-divider {
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5rem 1.5rem;
  color: var(--eb-gray-400);
}

.eis-or-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--eb-gray-300);
  z-index: 0;
}

.eis-or-divider > span {
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  background-color: var(--eb-white);
}

/* FORM FIELDS & SUBMIT BUTTON */
label {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--eb-gray-600); /* GRAY 600 */
}

.eis-input {
  display: block;
  width: 100%;
  margin: 0.5rem 0 1.5rem;
  padding: 0.5rem;
  color: var(--eb-gray-700);
  font-family: var(--eb-sans-font-stack);
  font-size: 1rem;
  line-height: 1.15;
  background-color: var(--eb-white);
  border: solid 1px var(--eb-gray-400);
  border-radius: 4px;
  transition: all var(--brisk) ease;
}

.eis-input:focus {
  border-color: var(--eb-blue-500);
  outline: 0;
  box-shadow: 0 0 0 1px var(--eb-blue-500), 0 0 0 4px var(--eb-blue-100);
}

.eis-button {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  color: var(--eb-white);
  font-family: var(--eb-sans-font-stack);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.65;
  text-align: center;
  text-decoration: none;
  background-color: var(--eb-blue-500);
  border: solid 1px var(--eb-blue-500);
  border-radius: 4px;
  outline: 0;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 15%);
  transition: all var(--brisk) ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.eis-button:hover,
.eis-button:focus {
  background-color: var(--eb-blue-600);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  /* outline: 0; */
}
.eis-button:focus {
  border-color: var(--eb-blue-600);
  outline: 0;
  box-shadow: 0 0 0 1px var(--eb-white), 0 0 0 3px var(--eb-blue-500),
    0 0 0 6px var(--eb-blue-100);
}
.eis-button:active {
  box-shadow: none;
  outline: none;
}

.eis-lnkInput {
  position: relative;
  top: -1rem;
  font-size: 0.75rem;
}

/* end FORM FIELDS & SUBMIT BUTTON */
/* LINK LIST - SHIB/ATHENS */
.eis-login-linklist {
  list-style-type: none;
  margin: 1rem 0;
  padding: 0;
  text-align: center;
}

.eis-login-linklist > li {
  padding: 0.5rem 0;
}

.eis-login-linklist a:link,
.eis-login-linklist a:visited {
  color: var(--eb-blue-600);
  border-bottom: none;
}

.eis-login-linklist a:hover {
  color: var(--eb-blue-700);
  border-bottom: solid 1px var(--eb-blue-700);
}

/* end LINK LIST - SHIB/ATHENS */
/* end MAIN CONTENT CSS */

/* FOOTER CSS */
.eis-footer {
  width: 100%;
  margin: 0 auto;
  padding: 2.25rem 2.25rem 1rem;
  text-align: center;
  background-color: var(--eb-gray-100);
  border-top: 1px solid var(--eb-gray-200);
}

.eis-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}

.eis-footer__links > li {
  display: inline-block;
  margin: 0 1rem 1rem;
}

.eis-footer__links > li a {
  border: none;
  color: var(--eb-blue-600);
}
.eis-footer__links > li a:hover {
  border-bottom: solid 1px var(--eb-blue-700);
}

.eis-footer__copyright {
  font-size: 0.875rem;
}
/* end FOOTER CSS */

/* MESSAGING STYLES */
.eis-text--error,
.eis-text--important {
  color: var(--eb-red-600);
}

[class*="eis-message"] {
  padding: 1rem;
}

[class*="-emphasis"] {
  padding: 1rem 3rem;
  text-indent: -1.75em;
  border-radius: 5px;
}

.eis-message__icon {
  display: inline-block;
  margin: 0 0.25em 0 0;
  padding: 0;
  height: 1em;
  width: 1em;
}

[class*="eis-message--error"] {
  color: var(--eb-red-600);
}

.eis-message--error-emphasis {
  color: var(--eb-gray-700);
  background-color: var(--eb-red-100);
  margin-bottom: 1.5rem;
}
/* additional message styles */

[class*="eis-message--success"] {
  color: var(--eb-green-500);
}

.eis-message--success-emphasis {
  color: var(--eb-gray-700);
  background-color: var(--eb-green-100);
  margin-bottom: 1.5rem;
}

[class*="eis-message--warning"] {
  color: var(--eb-red-600);
}

.eis-message--warning-emphasis {
  color: var(--eb-gray-700);
  background-color: var(--eb-yellow-100);
  margin-bottom: 1.5rem;
}

[class*="eis-message--information"] {
  color: var(--eb-blue-600);
}

.eis-message--information-emphasis {
  color: var(--eb-gray-700);
  background-color: var(--eb-blue-100);
  margin-bottom: 20px;
}

/* SELECT SERVICES PAGE */
.eis-services {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

@media screen and (min-width: 42rem) {
  .eis-services .eis-header__content {
    display: block;
    width: 64rem;
    max-width: 100%;
    margin: 0 auto;
  }

  .eis-services .eis-header__link {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}
/* @media screen and (min-width: 700px) {
	.eis-services .eis-header__content {
		display: grid;
	}
} */
.eis-services .eis-main {
  width: 64rem;
}

.eis-services h2 {
  margin: 1rem 0;
  font-size: 2rem;
  color: var(--eb-blue-800);
  text-align: center;
}

.eis-profiles {
  display: flex;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  flex-wrap: wrap;
}

.table-1-columns .eis-profile,
.table-2-columns .eis-profile,
.table-3-columns .eis-profile {
  width: 100%;
  margin: 0 2% 2rem 2%;
}

@media screen and (min-width: 42rem) {
  .table-1-columns .eis-profile {
    width: 100%;
  }

  .table-2-columns .eis-profile {
    width: 46%;
  }

  .table-3-columns .eis-profile {
    width: 29%;
  }
}

.eis-profile {
  padding: 1rem;
  background-color: var(--eb-gray-100);
  margin: 0 1rem 2rem 1rem;
}

.eis-profile__img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.5rem;
  width: 5.5rem;
  overflow: hidden;
  margin: 1rem auto;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.eis-profile__img img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 4.5rem;
  max-height: 4.5rem;
}

.eis-profile__link {
  display: block;
  text-align: center;
  color: var(--eb-blue-600);
}

/* SINGLE LINK */
[data-grouped="false"] .eis-profile__link {
  padding: 1rem;
  background-color: var(--eb-gray-100);
  transition: box-shadow var(--brisk) ease;
}

[data-grouped="false"] .eis-profile__link:hover,
[data-grouped="false"] .eis-profile__link:focus {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
}

.eis-custom-content {
  font-size: 0.875rem;
  margin: 0 2% 1rem 2%;
}

/* SYSTEM ERROR PAGE */
.eis-system-error {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  width: 260px;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
}

.eis-system-error__content {
  flex: 1 1 auto;
}

.eis-system-error .ebsco-logo {
  width: 260px;
}

.eis-system-error h2 {
  padding: 0;
  font-size: 2rem;
}

.eis-system-error p {
  margin: 0;
}

/* ALT AUTHORIZATION SIGN IN - UPDATES 12-202! */
.eis-button--alt-auth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 1rem;
  color: var(--eb-blue-600);
  font-size: 1rem;
  font-weight: 400;
  background-color: var(--eb-white);
  border: solid 1px var(--eb-blue-300);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.eis-button--alt-auth .eis-button__text {
  flex: 2 1 auto;
}
.eis-button--alt-auth .eis-button__icon {
  width: 1.5rem;
  margin-right: 4px;
  margin-left: 1.5rem;
}

.eis-button--alt-auth .eis-button__fa__icon {
  font-size: 1.5rem;
}

.eis-button--alt-auth:hover,
.eis-button--alt-auth:focus,
.eis-button--alt-auth:active {
  background-color: var(--eb-white);
}
.eis-button--alt-auth:focus {
  border-color: var(--eb-blue-500);
  outline: 0;
  box-shadow: 0 0 0 1px var(--eb-blue-500), 0 0 0 4px var(--eb-blue-100);
}
/* ALT AUTHORIZATION SIGN IN - UPDATES 21-2021 */

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.eis-osano-button {
  font-size: .875rem;
  margin-bottom: 1rem;
}
.eb-osano-button--flat-icon {
  padding: 0;
  cursor: pointer;
  position: relative;
  width: auto;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.osano-cm-widget {
  display: none;
}

.osano-cm-dialog--type_bar.osano-cm-dialog--position_bottom {
  top: 0;
  bottom: auto;
}