/* GLOBAL CSS  */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: #262a31;
    font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

a:link,
a:visited {
    color: #1f3f77;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #222;
}

h2 {
    margin: 0;
    padding: 0 0 1.5rem;
    font-size: 1.5rem;
    font-weight: normal;
}
/* 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: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.eis-header__content {
    display: grid;
    grid-template-areas: "heading link";
    justify-content: space-between;
    align-items: center;
    position: relative;
}

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

    .eis-header__heading {
        padding-left: 0;
        width: 100%;
    }
}

.eis-header__heading {
    grid-area: heading;
    margin: 0 auto;
    padding: .5rem 0 .5rem 1rem;
    line-height: 1.35;
    text-align: left;
    /*US491220 fix*/
    width: 25rem;
}

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

.eis-header__link {
    /*US491220 fix: grid-area: link;*/
    padding: .5em 1.5rem;
    font-size: .75rem;
    text-align: right;
    /*US491220 fix*/
    display: block;
    top: 1.2em;
    position: absolute;
    right: 0px;
    max-width: 65%;
}
/* end HEADER CSS */


/* MAIN CONTENT CSS */
#divMain1 {
    display: flex;
    flex-direction: column;
}
.eis-main {
    flex: 1 1 auto;
    width: 25rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 3.5rem 1rem;
}

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

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

/* GOOGLE BUTTON */
.google-button {
    display: block;
    height: 42px;
    width: 100%;
    padding: 9px 16px 8px 54px;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background: #1E6DF6 url("../images/btn_google_light_normal_ios.svg") -2px 50% no-repeat;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.google-but:hover {
    background-color: #1c58bb;
}
/* end GOOGLE BUTTON */


.eis-or-divider {
    position: relative;
    display: block;
    text-align: center;
    padding: 1.5rem;
}

    .eis-or-divider::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ccc;
        z-index: 0;
    }

    .eis-or-divider > span {
        position: relative;
        display: inline-block;
        padding: .5rem 2rem;
        background-color: #fff;
    }

/* FORM FIELDS & SUBMIT BUTTON */
label {
    display: block;
    font-weight: 600;
}

.eis-input {
    display: block;
    width: 100%;
    padding: .75rem .75rem;
    margin: .25em 0 1.25rem;
    font-size: .875rem;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

.eis-button {
    display: block;
    width: 100%;
    margin: 1rem 0;
    padding: .75rem 1rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1;
    background-color: #005bc6;
    border-radius: 4px;
    cursor: pointer;
    transition: background 500ms ease;
}

    .eis-button:hover {
        background-color: #1a4a99;
    }
/* 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: .5rem 0;
    }

    .eis-login-linklist a:link,
    .eis-login-linklist a:visited {
        color: #666;
    }

    .eis-login-linklist a:hover {
        color: #000;
    }


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


/* FOOTER CSS */
.eis-footer {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

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

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

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



/* MESSAGING STYLES */
.eis-text--error,
.eis-text--important {
    color: #d50d11
}

[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 .25em 0 0;
    padding: 0;
    height: 1em;
    width: 1em;
}

[class*="eis-message--error"] {
    color: #d50d11
}

.eis-message--error-emphasis {
    background-color: rgba(240,13,17,.1);
    margin-bottom: 20px;
}
/* additional message styles */

[class*="eis-message--success"] {
    color: #17802c
}

.eis-message--success-emphasis {
    background-color: rgba(30,165,57,.1);
    margin-bottom: 20px;
}

[class*="eis-message--warning"] {
    color: #a04b04
}

.eis-message--warning-emphasis {
    background-color: #fdf5e5;
    margin-bottom: 20px;
}

[class*="eis-message--information"] {
    color: #00669b
}

.eis-message--information-emphasis {
    background-color: #dee9f0;
    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: #1f3f77;
    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: #f5f5f5;
    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: .5rem;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(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: #005bc6;
}

/* SINGLE LINK */
[data-grouped="false"] .eis-profile__link {
    padding: 1rem;
    background-color: #f5f5f5;
    transition: box-shadow 500ms ease;
}

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

.eis-custom-content {
    font-size: .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;
}