main{
    background-color: #f3f2e9;
}

#s-lc-page-maincontent{
    /* padding: 0 1em 0 1em; */
    
    padding: 0 0 0 2em;
    max-width: 97%;
}
.s-lc-header{
    /* padding: 0px; */
    padding-bottom: 10px;
    margin-left: -1.25em;
    background-color: #a10f21;
    padding-left: 0;
    align-content: flex-end;
    display: flex;
    max-width: 35%;
    color: white;
}
h1#s-lc-public-header-title{
    font-family: prenton, Gill Sans MT, Gill Sans, Helvetica Neue, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: 400;
    margin: 0px 0px 0px 45%;
    width: 100%;
}

/* today's hours; book a study room; book research appt; calendar; content */
.s-lc-box-container{
    background-color: #eae8d9;
    padding: 1em;
}

/* today's hours; book a study room; book research appt; calendar; content */
.s-lc-content {
    font-size: 125%;
    margin: 10px 0;
}

/* today's hours; book a study room; monthly calendar, content */
.s-lc-box-content{
    /* background-color: #eae8d9; */
}
/* today's hours; book a study room; content */
.s-lc-box-content.clearfix{
    /* padding: 1em !important; */
  }

/* today's hours; book a study room; heading text */
.s-lc-box-title h1 {
    color: #473f3f;
    font-family: prenton,"Gill Sans MT","Gill Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 150%;
    text-transform: uppercase;
}

/* today's hours; book a study room; border */
.s-lc-box-thinborder .s-lc-color-bars-border {
    /*! border-color: #cb132a; */
    /*! border-bottom-width: .50em; */
    /* padding: 1em; */
    /* border: none; */
}

/* today's hours; hide "view all opening hours" link since it refers back to page*/
.s-lc-hr-today-mc{
    display: none;
}
.s-lc-hm-loc {
    font-size: 1em;
}
.s-lc-hm-day-l{
font-size: 1em;
}

/* ICONS usage */
    /* can use content url to image, lacks size control */
    /*  content: url('https://api.iconify.design/mdi/calendar-clock.svg'); */

    /* can use content url to svg, size is maintained within the data, difficult to maintain */
    /* content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 21q-.425 0-.713-.288T3 20q0-.425.288-.713T4 19h1V4q0-.425.288-.713T6 3h7q.425 0 .713.288T14 4h4q.425 0 .713.288T19 5v14h1q.425 0 .713.288T21 20q0 .425-.288.713T20 21h-2q-.425 0-.713-.288T17 20V6h-3v14q0 .425-.288.713T13 21H4Zm8-9q0-.425-.288-.713T11 11q-.425 0-.713.288T10 12q0 .425.288.713T11 13q.425 0 .713-.288T12 12Z"%2F%3E%3C%2Fsvg%3E'); */
     
    /* calling it as a font provides a little more control although limited by FA's version 4.7 selection */


/* today's hours icon*/
#s-lc-box-53491  .s-lc-box-title h1::before{
    /* fa-clock-o */
    content: "\f017"; 
    font-family: "FontAwesome";
    font-size: 1.5em;
    padding-right: .25em;

    /* content: url('data:image/svg+xml, \
                %3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" \
                width="1.5em" \
                height="1.5em" \
                viewBox="0 0 24 24"%3E%3Cpath \
                fill="currentColor" \
                d="M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m0-18c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2m5 11.9l-.7 1.3l-5.3-2.9V7h1.5v4.4l4.5 2.5Z" \
                %2F%3E%3C%2Fsvg%3E'); */
}

/* book a study room icon*/
#s-lc-box-41311  .s-lc-box-title h1::before{
    /* fa-users */
    content: "\f0c0"; 
    font-family: "FontAwesome";
    font-size: 1.5em;
    padding-right: .25em;
            
}

/* book a research appt icon*/
#s-lc-box-41312  .s-lc-box-title h1::before{
    /*  fa-calendar-check-o */
    content: "\f274"; 
    font-family: "FontAwesome";
    font-size: 1.5em;
    padding-right: .25em;
}

/* montly calendar icon */
#s-lc-box-53492  .s-lc-box-title h1::before{
    /*  fa-calendar */
    content: "\f073"; 
    font-family: "FontAwesome";
    font-size: 1.5em;
    padding-right: .25em;
}

/* monthly calendar */
.s-lc-mhw-days, .s-lc-mhw-cells{
    background-color: #FFF;
}

/* monthly calendar location blocks */

.s-lc-mhw-loc{
    background-color: #FFF !important;
}

/* monthly calendar, location hours */
.s-lc-closed{
    color:#000;
}
/* monthly calendar, location hours */
.s-lc-h-excep{
    color:#000;
    font-style:oblique;
}


/* monthly calendar, location name */
.s-lc-mhw-loc-name{
    color: #000;
    font-family: prenton,Gill Sans MT,Gill Sans,Helvetica Neue,Helvetica,sans-serif;
    font-size: 1.2em;
    text-decoration: underline;
    text-transform: uppercase;
}
/* monthly calendar, location time */
.s-lc-time, .s-lc-allday{
    color: #000;
    font-size: 1.1em;
}

/* media queries */

@media screen and (max-width:93em) {
    .s-lc-header{
      max-width: 40%;
      margin-left: 0px;
    }
}

@media screen and (max-width:80em) {
    .s-lc-header{
        max-width: 50%;
        margin-left: 0px;
    }
}

@media screen and (max-width:65em) {
    .s-lc-header{
        max-width: 100%;
        margin-left: 0px;
    }
    h1#s-lc-public-header-title{
        margin: 0px;
    }
    #s-lc-page-maincontent{
        /* padding: 0 1em 0 1em; */
        padding: 0 0 0 .75em;
        max-width: unset;
    }
}

@media screen and (max-width:52em) {
    /* this needs to be set to allow for the "Research" link to float to the left */
    .ci-logo{
        float: unset;
        width: 13em;
    }
    .primary-nav > li{
        display: block;
        text-align: left;
        }
    h1#s-lc-public-header-title{
        font-size: 2em;
    }
    .site-title{
    max-width: 45%;
    }
    .site-title > h2{
        font-size: 1.25em;
        font-weight: unset;
    }
}