/* css bundle for the development stage */
/* Styles to help make our site more accessible even for regular eyes and such */

li {
    padding-bottom: 5px;
}
a#lcs_slide_out_button-10789 {
    color: white !important;
    border-color: white !important;
    background-color: #881F41 !important;
}
/* Styles for LibCal and for LibCal widgets as used around the site */

td.s-lc-mhw-day {
    width: 14% !important;
}
/* Styles for the Library Hours */

div#hours-wrapper h2 {
    margin: 0 10px 0 0;
    text-align: center;
    font-size: 16px;
    color: #333;
}

div#hours-wrapper table {
    margin: 0;
    width: 100%;
}

div#hours-wrapper th {
    padding-bottom: 5px;
    padding-right: 5px;
}

div#hours-wrapper th > a {
    text-decoration: none;
}

div#hours-wrapper a:hover {
    outline: 2px dotted #333;
}

div#hours-wrapper td {
    color: #333;
    text-align: right;
    padding-bottom: 5px;
}

div#hours-wrapper a[title="library hours"] {
    text-decoration: none;

    clear: both;
    float: right;

}

div#hours-wrapper a[title="library hours"]:hover {
    outline: 2px dotted #333;
}

div#hours-wrapper {
    font-size: 18px;
    margin: auto;
}

div#banner-text-link-wrapper {
    display: inline-block;
    padding-left: 15px;
}

a#library-link {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

a#library-link:hover {
    color: #881F41;
    outline: none;
}

a#library-link.library-homepage {
    font-size: 23px;
}

a#archives-banner-link {
    display: block;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}

a#archives-banner-link:hover {
    color: #881F41;
    outline: none;
}

div#hours-header {
    display: inline-block;
}

div.header a:hover {
    outline: none;
}

a#ask-us-banner-link, a#get-help-banner-link {
    border: solid 2px #881f41;
    border-radius:5px;
    padding: 5px 3px;
}

a#ask-us-banner-link:hover, a#get-help-banner-link:hover, form#site-search-form > button:hover {
    outline: 2px dotted #333;
}

form#site-search-form, a#ask-us-banner-link, a#get-help-banner-link {
    margin-left: 5px;
}

form#site-search-form > input, form#site-search-form > button {
    border: solid 2px #881f41;
}

form#site-search-form > input, form#site-search-form > input:focus {
    border: solid 2px #881f41;
    border-radius: 4px 0 0 4px;
    color: #333;
    width: 150px;
}

form#site-search-form > button {
    border-radius: 0 4px 4px 0;
}
select#mobile-nav {
    display: none;

    font-size: 16px;

    color: white;
    background: #881F41;

    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select#mobile-nav:hover {
    outline: 2px dotted white;
    color: white;
}

/* Make everything look cooler for the select menu. */

/* First remove the arrow on IE */
select::-ms-expand {
    display: none;
}

/* This is not working, but it would be very cool
select#mobile-nav:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

    border-bottom: 1px solid #999;
    pointer-events: none;
}
*/

select#mobile-nav > option {
    color: white;
    background: #881F41;
}

select#mobile-nav > option:hover {
    outline: 1px dotted white;
    color: white;
}

div#nav-background {
    overflow: hidden;
    background: #881F41 !important;
    width: 100%;

    position: -webkit-sticky; /* safari */
    position: sticky;
    top: 0;
    padding: 10px 0 10px 0;
    z-index: 2 !important;
}

/* In development this is not getting the padding on the left... weird */
div#main-navbar {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

a.navlink {
    /* consume the size of the wrapper */
    display: inline-block;
    height: 100%;
    width: 100%;

    text-align: left;
    vertical-align: center;
    text-decoration: none;

    font-size: 16px;

    color: white;
}

/*
a.navlink:hover, a.navlink:focus {
    color: #333;
    outline: 2px dotted #333;
}
 */
a.navlink:hover {
    outline: 2px dotted white;
    color: white;
}

@media (max-width: 969px) {
    div#main-navbar { display: none; }
    select#mobile-nav {
        display: inline-block;
        float: right;
    }
}
/* Style Rules to help emulate the Notre Dame Services Page */

div.section-box > div.s-lib-box > h2.s-lib-box-title {
    color: white;
    background-color: #881F41;

    padding: 8px 16px 6px 16px;
    font-size: 26px;
    font-weight: 400;
}

div.section-box > div.s-lib-box-container.section-box {
    padding: 0 0 0 0;
    margin: 5px 15px 5px 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}

div.section-box > div.s-lib-box-container.section-box h2.s-lib-box-title {
    margin-top: 0;
}

div.main-content {
    margin-bottom: 35px;
}

/* For the services and about us pages.  Remove padding from the left. */
div#services, div#services-content,
div#about-us, div#about-us-content,
div#locations, div#locations-content,
div#research-resources, div#research-resources-content,
div#discover, div#discover-content,
div#learn, div#learn-content,
div#visit-and-requrest, div#visit-and-request-content,
div.compound-column,
div.compound-column h2.s-lib-box-title,
div.compound-column div.s-lib-box-content {
    padding-left: 0 !important;
}

div.descriptive-link h2.s-lib-box-title > a {
    font-size: 14pt;
    text-decoration: none;
    color: #315868;
}

div.descriptive-link p {
    font-size: 14px;
}

div#first-row {
    background-image: url("https://libapps.s3.amazonaws.com/accounts/247073/images/smallest-pavillion-homepage.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: saturation;

    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

div#first-row.library-homepage {
    background-image: url("https://d2jv02qf7xgjwx.cloudfront.net/customers/17/images/library-seasonal-background.jpg");
    background-position: right top;
    background-size: 60%;
    background-repeat: no-repeat;
    background-blend-mode: saturation;

    height: 35vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
}

div#first-row-container {
    margin: auto;
}
/*
#search-bar, #quicklinks-wrapper {
    min-height: 100%;
}
*/

div#quicklinks-and-chat-wrapper {
    padding: 0 15px 0 0;
}

div#first-row .s-lib-box-content {
    background: rgba(0, 0, 0, 0.0) !important;
}

div#first-row-container .s-lib-box,
div#first-row-container .s-lib-box-std,
div#mobile-row .s-lib-box {
    border: none !important;
    /* If we want a thin white border
    border: 1px solid white;
   */
    background: rgba(245, 245, 245, .9) !important;
    box-shadow: none;
}

div#first-and-one-half-row-container {
    padding-left: 5px !important;
}

div#first-row-container .glyphicon,
div#mobile-row .glyphicon {
    color: #881F41;
}

div#first-row-container div.s-lib-box {
    padding: 0 10px 0 10px;
}

div#quicklinks-and-chat-wrapper .s-lib-box {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

div#quicklinks-and-chat-wrapper-content > div.s-lib-box {
    background: rgba(0, 0, 0, 0.0) !important;
}

div#first-row hr,
div#mobile-row hr {
    margin: 10px 0 10px 0;
    border-color: #333;
}

p#search-greeting {
    color: #881F41;

    font-family: Poppins, 'Open Sans', Arial, sans-serif;
    font-weight: bold;

    padding-top: 5px;
}

div#search-bar {
    background-color: rgba(245, 245, 245, 0.9);
    padding: 0 7.5px 0 17.5px;
}

div#sca-search-bar {
    background-color: rgba(0, 0, 0, 0.0);
    padding: 0 15px 0 15px;
}

div#search-bar hr {
    border-color: #b5b5b5;
    clear: both;
}

div#first-row .s-lib-box-title,
div#mobile-row .s-lib-box-title {
    font-size: 16pt;
    font-family: Poppins, 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    color: #881F41;

    border-bottom: 1px solid #4c151c !important;
    background-image: none !important;
    background: rgba(0, 0, 0, 0.0) !important;
}

div#first-row h2.s-lib-box-title, div#first-row div.s-lib-box-content,
div#row2 h2.s-lib-box-title, div#row2 div.s-lib-box-content,
div.main-content h2.s-lib-box-title, div.main-content div.s-lib-box-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



/*
div#search-bar > div.s-lib-box.s-lib-box-std {
    background: rgba(0, 0, 0, 0.0);
}
*/

input#ebscohostsearchtext {
    height: 30px;
    width: 90%;
    border-radius: 0;
    border: 1px solid #881F41;
    padding-left: 10px;
}

@media (max-width: 969px) {
    form#sezarchForm {
        /* Put styles here if we need them */
        margin: auto;
        overflow: hidden;
    }
    input#ebscohostsearchtext {
        width: 100%
    }
    input.bigsearch__submit {
        clear: both;
        float: right;
        width: auto !important;
        margin-top: 5px;
    }
    div#sca-search-bar > .s-lib-box,
    div#search-bar > .s-lib-box {
        padding: 0 10px 0 10px;
    }
}

div.content > ul {
    columns: 2;
    list-style: none;
    padding: inherit;
}

/*div.content > ul a {
    text-decoration: none;
    color: #333;
    display: inline-block;
}*/

div.content > ul a:hover, div.content > ul a:focus {
    outline: 2px dotted #333;
}

div.advancedSearch {
    padding: 5px;
    float: left;
    margin-top: 5px;
}

div.advancedSearch a {
    text-decoration: none;
    color: #333;
/*    display: inline-block;
    float: right;
    padding-left: 5px; */
}

div.advancedSearch a:hover, div.advancedSearch a:focus {
    outline: 2px dotted #333;
}

input.bigsearch__submit {
    /*    border-radius: 100%; */
    height: 30px;

    font-size: 12px;
    font-weight: bold;

    overflow: auto;

    width: auto;
    margin-left: 10px;

    padding: 0 4px 0 4px;;

    text-align: center;

    background-color: #881F41;
    color: white;

    border-radius: 0;
}

input.bigsearch__submit:hover {
    color: white;
    background-color: #bc571d;
    outline: none;
}

#eb-search-icon {
    color: white;
    font-size: 16px;
    position: relative;
    right: -33px;
    top: 3px;
}

span.verbar {
    border-right: 1px solid #333;
    margin-right: 5px;
    margin-left: 3px;
}

div#quicklinks-content p > a.quicklink,
div#row2 div.big-links p {
    font-size: 14px;
}

div.big-links p > a {
    color: #315868;
    padding: 3px 0 3px 0;
    display: block;
    text-decoration: none;
}

div#quicklinks div.big-links p > a {
    color: #881F41;
    font-weight: bold;
}

div.big-links p > a:hover {
    outline: 2px dotted #333;
}

div#row1 div.big-links p > a > span.glyphicon,
div#quicklinks-content p > a.quicklink > span.glyphicon,
div#row2 div.big-links p > a > span.glyphicon {
    font-size: 8pt;
}

div#quicklinks {
    padding-left: 0;
}

ul#quicklinks-list p {
    display: inline-block;
}

ul#quicklinks-list p > a > span.glyphicon {
    color: #881F41 !important;
}

ul#quicklinks-list {
    list-style: none;
    column-count: 3;
}

div#hours {
    padding-right: 0;
    padding-left: 0;
}

div#hours-wrapper {
    font-weight: bold;
}

div#hour-wrapper > tbody {
    width: 100%;
}

div#hours-wrapper th > a {
    color: #881F41;
}

div#hours-wrapper th {
    width: 30%;
}

a#hours-link {
    color: #881F41;
    text-align: left;
    margin-bottom: 5px;
}

a.hours-link {
    color: #881F41;
    text-align: left;
    margin-bottom: 5px;
    display: block;
}

div#quicklinks-and-chat-wrapper-content > div.s-lib-box.s-lib-box-std {
    padding-left: 0;
    padding-right: 0;
}

div.s-lib-box {
    border-radius: 0 !important;
}

div#news-carousel {
    background: rgba(0, 0, 0, 0.0);
    border: none;
}

/* Styles for alert elements */
.eku-alert {
    padding: 15px;

    /* We might actually still want this.
    color: #881F41;
    background-color: #e1ad01;
   */

    color: white;
    background-color: red;

    text-align: center;
    font-size: 14px;
    font-weight: bold;

    border-radius: 0;
}

.eku-alert > p {
    margin: 0;
}

button.search.tablinks {
    color: white;
    background-color: rgba(51, 51, 51, .9);
    font-weight: bold;
    font-size: 14px;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    width: 25%;
}

button.search.tablinks.start {
    border-right: 1px solid #333;
}

button.search.tablinks.inner {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

button.search.tablinks.end {
    border-left: 1px solid #333;
}

button.search.tablinks:hover {
    color: black;
    background-color: rgba(149, 149, 149, .9);
}

button.search.tablinks.active {
    color: white;
    background-color: rgba(134, 31, 65, .9);
}

.el-tab-content {
    display: none;
    padding: 6px 12px;
}

div#sca-search-content {
    clear: both;
    background-color: rgba(134, 31, 65, .9);
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 120px;
}

div.search-links {
    clear: both;
    padding-top: 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;

    font-size: 14px;
}

div#sca-search-content div.search-links span.sep {
    color: white;
}

div#sca-search-content div.search-links > a.search-link {
    text-decoration: none;
    color: white;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

div#sca-search-content div.search-links > a.search-link:hover {
    color: white;
    outline: 2px dotted white;
}

div#sca-search-content input.sca-search-input {
    width: calc(100% - 12%);
[]    overflow: hidden;
    margin-left: 0px;
    border-radius: 0 0 0 0;
    height: 33px;
    border: 2px solid #ccc;
    color: #333;
    padding-left: 5px !important;
}

div#sca-search-content input.sca-search-input::placeholder {
    color: #333;
    opacity: 1.0;
}

div#sca-search-content button.sca-search {
    margin-left: 10px;
    background-color: rgba(101, 101, 101, .9);
    color: white;
    text-align: center;
    min-width: 10%;
    border: none;
    height: 33px;
}

div#sca-search-bar > .s-lib-box,
div#search-bar > .s-lib-box {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

div#sca-search-bar > .s-lib-box {
    padding: 0;
}

p#hours-api-content {
    display: block;
    margin-bottom: 15px;
    text-align: left;
}

div#news-content button.slick-arrow {
    display: none !important;
}

div.slick-initialized.slick-slider {
    margin: 0;
}

div#find-box {
    margin-top: 5px;
    padding-left: 0;
}

div#find-box-content > div.s-lib-box {
    background: #881f41 !important;
    border-radius: 10px !important;
    padding: 10px 30px 10px 30px !important;
    border: 2px solid #881f41;
}

div#find-box-content > div.s-lib-box > h2.s-lib-box-title {
    font-weight: bold !important;
    font-size: 30pt !important;
    color: white !important;
    border-bottom: 1px solid white !important;
}

div#find-wrapper.library-homepage {
    padding-left: 15px !important;
    padding-right: 15px !important;
    min-height: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.eku-color-bar {
    width: 100vw;
    height: 1rem;
    background: linear-gradient(
        to right,
        #ffc658 0%,
        #ffc658 25%,
        #dc5829 25%,
        #dc5829 50%,
        #009681 50%,
        #009681 75%,
        #e6a65d 75%,
        #e6a65d 100%
    );
}

div#use-the-library {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

div#use-the-library > div.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

div#find-box a.find-link {
    color: white;
}

a.find-link:hover {
    text-decoration: none;
    outline: 2px dotted white;
}

@media (max-width: 1020px) {
    div#sca-search-content input.sca-search-input {
        /* Put styles here if we need them */
        margin: auto;
        overflow: hidden;
        width: 100%;
    }
    .el-tab-content {
        padding-left: 0;
        padding-right: 0;
    }
    div#sca-search-content button.sca-search {
        clear: both;
        float: right;
        /*width: auto !important;*/
        margin-top: 5px;
    }
    div#sca-search-content {
        background-color: rgba(245, 245, 245, .9);
    }
    div#sca-search-content div.search-links > a.search-link {
        color: #333;
    }
    div#sca-search-content div.search-links > a.search-link:hover {
        color: #666;
        outline: 2px dotted #333;
    }

    div#sca-search-content div.search-links span.sep {
        color: #333;
    }

    button.search.tablinks {
        color: #333;
        background-color: white;
        float: left;
    }
    button.search.tablinks.start,
    button.search.tablinks.inner,
    button.search.tablinks.end {
        border: none;
    }
    div#first-row.library-homepage {
        background-image: none;
        background: white;
        height: auto;
    }
    div#find-box {
        margin-left: 0;
    }
    div#find-box-content > div.s-lib-box {
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: white !important;
        color: #881f41 !important;
    }
    div#find-box-content > div.s-lib-box > h2.s-lib-box-title {
        color: #881f41 !important;
    }
    div#find-box a.find-link {
        color: #881f41;
    }
}

@media (max-width: 1020px) {
    div#main-navbar { display: none; }
    select#mobile-nav {
        display: inline-block;
        float: right;
    }
}
div.s-lib-box, div.s-lib-box-std, div.s-lib-box-content {
    background-color: white;
    border: none;
    box-shadow: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h2.s-lib-box-title {
    background-color: white !important;
    background-image: none;
    border-bottom: 1px solid #b5b5b5;

    color: #881F41;
    padding-left: 0 !important;
    font-size: 26px !important;
    font-weight: normal !important;
    text-align: left !important;
}

body.s-lg-guide-body .s-lib-box-title {
    font-weight: bold !important;
}

div.tab-content {
    border: none !important;
}

div#s-lg-side-nav-content {
    overflow: hidden;
}


@media (min-width: 970px) {
    div#s-lg-side-nav-content > div.row > div.s-lg-tabs-side {
        border-right: 1px solid #b5b5b5;
        /* Trick to get the border going all the way to the bottom */
        margin-bottom: -9999px;
        padding-bottom: 9999px;
    }
}
body {
    overflow-x: hidden;
    font-family: Poppins, 'Open Sans', Helvetica, Arial, sans-serif;
    background: white;

    font-size: 16px !important;
}

/* Begin Footer Styles */

footer {
    padding: 20px 0 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer p {
    color: black;
    text-align: center;
}

footer p > span {
    color: #5e213b;
}

/* End Footer Styles */

.clearfix {
    clear: both;
}

div.copyrights {
    padding: 16px 0 16px 0;
    background: #881F41;
    color: white;


    font-size: 14px !important;
    /* Make sure no white sneaks through the footer */
    box-shadow: 0 50vh 0 50vh #881F41;
}

a.title-link > span.glyphicon-chevron-right {
    color: #b5b5b5;
    font-size: 14px;
}

a.title-link {
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}
/*
a.title-link:hover {
    outline: 2px dotted #333;
}
*/

div.descriptive-link {
    flex: 1 1 auto;
    width: 33%;
    margin-right: 15%;
}

div.secondary-page-links {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

div.descriptive-link h2.s-lib-box-title {
    border: none !important;
}

div.section-box > div.s-lib-box > h2.s-lib-box-title {
    font-size: 26px;
}

/* Make the Ask Us thing stay at 50% */
div.lcs_slide_out-r {
    top: 40% !important;
}

div.main-content h1 {
    font-size: 20pt;
}

div.big-links {
    text-align: left;
    font-size: 14pt;
}

div.copyrights a {
    color: white;
    font-weight: bold;
}

div.copyrights a.quicklink:hover {
    text-decoration: none;
    color: #666;
}

span.clear { clear: left; display: block; }

#s-lib-bc .breadcrumb > .active {
    color: #666;
}

div#s-lib-footer-public {
    font-size: 16px;
}

div.container {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto;
    margin-left: auto;
}

ul.nav.nav-tabs > li > a:hover {
    color: white !important;
    background-color: #881F41 !important;
}

div.s-lib-footer {
    background: white;
}

@media (max-width: 969px) {

    div.descriptive-link {
        flex: 1 1 auto;
        width: 75%;
    }

}
div#row2, div.main-content, div#libcal-events-row {
    background-color: white;
    padding: 30px 30px 15px 30px;
}

div#row2 div.s-lib-box, div#row2 div.s-lib-box-std,
div.main-content div.s-lib-box, div.main-content div.s-lib-box-std {
    background-color: white;
    border: none;
    box-shadow: none;
}

div#libcal-events-row h2.s-lib-box-title,
div#first-and-one-half-row-container h2.s-lib-box-title,
div#row2 h2.s-lib-box-title,
div.main-content h2.s-lib-box-title {
    background-color: white;
    background-image: none;
    border-bottom: 1px solid #b5b5b5;

    color: #881F41;

    font-size: 20px;
    font-weight: normal;
    text-align: left;
}

div.main-content > h1 {
    color: #881F41;
    border-bottom: 2px solid #b5b5b5;
    margin-right: 45px;
}

a.eku-social-twitter-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/twit-48x48.png") top left no-repeat;
}

a.eku-social-facebook-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/fb-48x48.png") top left no-repeat;
}

a.eku-social-youtube-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/youtube-48x48.png") top left no-repeat;
}

a.eku-social-instagram-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/inst-48x48.png") top left no-repeat;
}

a.eku-social-rss-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/rss-48x48.png") top left no-repeat;
}

a.eku-social-map-link {
    background: url("https://libapps.s3.amazonaws.com/accounts/247073/images/maps-48x48.png") top left no-repeat;
}

a.media-icon {
    display: inline-block;
    font-size: 0px;
    background-size: 100%;
    width: 24px;
    height: 24px;
}

a.media-icon:hover {
    -moz-transform: scale(1.60);
    -webkit-transform: scale(1.60);
    -o-transform: scale(1.60);
    -ms-transform: scale(1.60);
    -webkit-transform: scale(1.60);
    transform: scale(1.60);

    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition:transform 0.3s ease-in-out;
    -ms-transition:transform 0.3s ease-in-out;
}

div.social-media-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding-left: 6px;
    padding-right: 26%;
}

div#contact-us hr {
    width: 100%;
    border-color: #b5b5b5;
    border-width: 1px;
}

/*
div#visit-also {
    text-align: left;
    font-size: 16px;
}

div#visit-also a {
    display: block;
    text-decoration: none;
}

div#visit-also a:hover {
    outline: 2px dotted #333;
}
*/
p.contact-info {
    padding: 5px 10px 5px 0px;
    font-size: 14px;
    color: #666;
}

p.contact-info a {
    color: #315868;
    text-decoration: none;
}

p.contact-info a:hover {
    outline: 2px dotted #333;
}

div#news a.quicklink, div#news .img-thumbnail {
    display: block;
    margin: auto;
}

div#news a.quicklink {
    display: block;
    text-align: right;
}

a.title-link:hover {
    outline: 2px dotted #333;
}

a.page-link {
    color: #881F41;
    text-decoration: none
}

a.page-link:hover {
    color: #881F41;
    outline: 2px dotted #333;
}

td.event-name, td.event-time {
    min-width: 200px;
}

td.event-date {
    width: 100px;
}

table#events-table td, table#events-table th {
    padding-right: 5px;
}

div#libcal-events-column, div#libcal-events-content, div#libcal-events {
    padding-left: 0 !important;
}

a.event-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

div.event-description {
    overflow: hidden;
    max-height: 50px;
}

div.event-description {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* The styles for the university header */

body {
    padding: 0;
}

.header-wrapper {
    position: relative;
    box-sizing: border-box;
    background-color: white;
    padding: 0;
    padding-left: 10px;
    /* Originally inherited from body and html.
     * Not wanting to add them to our whole site though.
    font-family: "PT Serif", "Georgia", "Times New Roman", serif;
    font: 1em/1.5 serif;
     */
}

.header {
    display: flex;
    align-items: center;
    /* Colors and simple attributes */
    color: #881F41;
    /* Sizing and position */
    box-sizing: inherit;
    padding-top: 1em;
    padding-bottom: 1em;
    /* Fonts */
    font: inherit;
    font-family: inherit;
}

.header a {
    display: inline-block;
    text-decoration: none;
    color: #881F41;

}

/* This should be handled with more care/
 * This only exists for the sake of handling the main
 * university banner, so it should go in an `id'.
 */
.wrapper {
    display: flex;
    align-items: center;
    height: auto;
    overflow: auto;
    /* keep the margin from growing when window is expanded */
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* inherits */
    font-family: inherit;
    font: inherit;
    color: #333;
}

.header row {
    margin-left: -24px;
    list-style: none;
    margin-bottom: 0;
    box-sizing: border-box;
    /* inherits */
    font-family: inherit;
    font: inherit;
    color: #333;
}

.three-quarters, .six-eighths, .nine-twelfths {
    width: 75%;
}

one-quarter, .two-eighths, .three-twelfths, .view-id-photo_blog.view-display-id-page_1 {
    width: 25%;
}

.grid, .view-id-photo_blog.view-display-id-page_1 .view-content .views-row {

    float: left;
    padding-left: 24px;
    box-sizing: border-box;
    list-style: none;
}

/*
.logo h1 {
    margin-top: 100px;
}
.logo {
    display: block;
    float: left;
    width: 140px;
    height: 44px;
    background: url("img/EKULogo_Maroon_140px.png");
    background-size: auto;
    background-size: cover;
    margin-right: 1em;
}
*/
a.logo.ir {
    display: inline-block;
}