:root 
{
    --color-maroon: #501214;
    --color-sandstone: #f5f1ee;
    --color-gray:#595959;
    --color-darkgray:#454545;
    --color-white:#ffffff;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_upHZPYsZ51Q42ptCprt4R-tQLL50tE8-Hw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_upHZPYsZ51Q42ptCprtxR-tQLL50tE8-Hw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_upHZPYsZ51Q42ptCprt6R-tQLL50tE8-Hw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_upHZPYsZ51Q42ptCprt7R-tQLL50tE8-Hw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_upHZPYsZ51Q42ptCprt1R-tQLL50tE8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


/* library guides heading */
.guide-container
{
    height: 64px;
    background-color: var(--color-maroon);
    padding: 0px 24px;
    border-bottom: 1px solid var(--color-maroon);
    align-items: center;
    display: flex;
}
.guide-container .guide-heading
{
    width: 100%;
    max-width: 1320px;
    margin: auto !important;
    border: none !important;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.guide-container .guide-heading h1 
{
    color:white;
	margin:5px;
    padding: 10px;
}

.guide-container .guide-heading a 
{
    color:white;
}

@media(max-width:768px)
{
    .guide-container
    {
        height: 100%
    }
}

#s-lc-public-footer
{
display:none;
}


/* header css start */
header {
    display: flex;
    flex-direction: column;
    top:0;
    left: 0;
    width: 100%;
    z-index: 4;
}

.header-container {
    height: 64px;
    background-color: var(--color-sandstone);
    padding: 0px 24px;
    border-bottom: 1px solid var(--color-sandstone);
    align-items: center;
    display: flex;
    box-shadow: 0 1px 3px #00000040;
}

.header-container .logo {
    height: 60px;
    width: 100%;
}

.header-container .logo-container
{
    width: 100%;
    max-width: 1320px;
    margin: auto !important;
    border: none !important;
    display: flex;
    align-items: center;
}

/* Header css end */


/* Nav bar css start */
.navbar-links {
    padding: 10px;
    position: relative;
    max-width: 1320px;
    width: 100%;
    margin: auto !important;
    border: none !important;
}

.nav-container {
    padding: 0px 24px;
    display: flex;
    background-color: var(--color-maroon);
    align-items: stretch;
}
.nav-container .navbar-links  li {
    list-style: none;
    float: left;
    position: relative;
}

.nav-container .navbar-links li a {
    color: var(--color-white);
    padding: 0 10px;
    font-family: 'Nunito Sans', sans-serif;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    line-height: 35px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    border-bottom: solid 2px transparent;
    -webkit-transition:  border-bottom-color 300ms ease-out;
    -moz-transition: border-bottom-color 300ms ease-out;
    -ms-transition:  border-bottom-color 300ms ease-out;
    -o-transition: border-bottom-color 300ms ease-out;
    transition:  border-bottom-color 300ms ease-out;
}
.nav-container .navbar-links li a:hover {
    border-bottom: solid 2px var(--color-white);
}

/* Dropdown css start */

.navbar-links li ul.nav-dropdown-menu
{
    position: absolute;
    left: 0;
    width:300px;
    background-color: var(--color-maroon);
    padding:15px 10px 10px 10px;
    z-index: 999;
    border-radius: 8px;
    display: none;
}

/* .navbar-links li:hover ul.nav-dropdown-menu
{
    display: block;
} */
 
.navbar-links li ul.nav-dropdown-menu li 
{
    position: relative;
    width: 100%;

}



@media (max-width: 768px) {
    .navbar-links li ul.nav-dropdown-menu
    {
        position: relative;
        width: 100%;
        left:0;
        padding-top:0px;
    }
    .navbar-links li:focus-within ul.nav-dropdown-menu {
        display: block;
    }
    
}
/* Dropdown css end */


/* Navbar css end */


/* Menu button css  start*/
.button-container {
    height: 64px;
}

.menu-button {
    border: 0;
    height: 64px;
    width: 60px;
    font-weight: 400;
    color: var(--color-maroon);
    background-color: transparent;
    cursor: pointer;
    margin-left: auto;
    display: none;
}

.menu-button .menu-label {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}

.menu-button:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-size: 18px;
    content: "\f0c9";
    /* bars icon */
}

.menu-button.menu-close:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-size: 18px;
    content: "\f00d";
    /* close icon */
}

.menu-button:after {
    content: none;
    /* hiding default content */
}

.menu-button.menu-close .menu-label {
    display: inline-block;
}

.menu-button.menu-close .menu-label::before {
    content: "Close";
}

.menu-button .menu-label::before {
    content: "Menu";
}


/* nav bar button dropdown */
.nav-dropdown-button
{
    color: var(--color-white);
    padding: 0 10px;
    font-family: 'Nunito Sans', sans-serif;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    border: none;
    background-color: transparent;
    line-height: 35px;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 2px transparent;
    -webkit-transition:  border-bottom-color 300ms ease-out;
    -moz-transition: border-bottom-color 300ms ease-out;
    -ms-transition:  border-bottom-color 300ms ease-out;
    -o-transition: border-bottom-color 300ms ease-out;
    transition:  border-bottom-color 300ms ease-out;
}
.nav-dropdown-button:hover {
    border-bottom: solid 2px var(--color-white);
}




/* Menu button css end */


/* Media Queries css start */
@media (max-width: 768px) {
    .menu-button {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        font-size: 18px;
        background-color: transparent;
    }

    .nav-container
    {
        max-height: 0;
        overflow: hidden; 
        transition: max-height 1s ease, overflow 1s ease;
    }

    .nav-container.active 
    {
        max-height: 500px; 
        overflow: auto;
        display: initial;
        padding:10px;
    }

    .navbar-links {
        display: none;   
    }

    .navbar-links.active {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 10px 0px 10px 2px;
        /* max-height: 500px; */
    }

    .navbar-links li {
        text-align: center;
    }

    .navbar-links li a {
        padding: 8px 16px;
        font-size: 17px;
    }

    .header-container .logo 
    {
        padding:0px;
		width:90%;
    }



}

/* Media queries css end */





/* Footer CSS Start */
footer 
{
    font-family: 'Nunito Sans', sans-serif;
    display: flex;
    margin-top:auto;
    width: 100%;
    bottom: 0;
    left:0;
    flex-direction: column;
    background-color: var(--color-gray);
}

footer p 
{
    color:var(--color-white);
}

/* Footer top CSS start */
footer .top .footer-content
{
    background-color: var(--color-gray);
    margin: 0 auto;
    font-size: 17px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 1340px;
}

footer .top .contact-info{
    border-right: 1px solid #454545;
    width: 35%;
    padding:48px 32px 48px 16px; 
}

footer .top .quick-links{
    border-right: 1px solid #454545;
    width: 35%;
    padding:48px 32px 48px; 
}
footer .top .locations{
    padding:48px 32px 48px; 
    width: 30%;
}

footer .top .contact-info p{
    font-size: 16px;
}

footer .top .contact-info h1{
    margin-top:0;
	padding: 0 0 0.5em 0em !important;
    margin-bottom: 0;
}

footer .top .contact-info .page-title{
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color:var(--color-white);
}

footer .top .quick-links .column-title
{
    font-weight: 700;
    font-size: 20px;
    color:white;
    margin-top:0;
	padding: 0.5em 0em !important;
}
footer .top .quick-links a
{
    color:var(--color-white);
    text-decoration: none;
}
footer .top .quick-links a:hover
{
    text-decoration: underline;
}

footer .top .locations .column-title
{
    font-weight: 700;
    font-size: 20px;
    color:white;
    margin-top:0;
	padding: 0.5em 0em !important;
}
footer .top .locations a
{
    color:var(--color-white);
    text-decoration: none;
}
footer .top .locations a:hover
{
    text-decoration: underline;
}


footer .top .contact-info .email{
    text-decoration: none;
    color:var(--color-white);
}
footer .top .contact-info .email:hover{
    text-decoration:underline;
}

/* Footer social media CSS Start */
footer .social-media-container {
display:block
}
footer .social-media-container .social-media-icons {
margin-top:30px;
padding:0
}
footer .social-media-container .social-media-icons li {
display:inline-block;
padding:0px 8px 16px;
}
footer .social-media-container .social-media-icons li .social-link {
color:var(--color-white)
}
footer .social-media-container .social-media-icons li .social-link i {
color:var(--color-white);
line-height:.9
}
footer .social-media-container .social-media-icons li .social-link span {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0 0 0 0);
border:0;
font-size:20px!important;
background:var(--color-white)!important;
color:#000!important;
font-size:25.6px
}

.social-media-icons li {
transition:all .2s ease
}
.social-media-icons li:hover {
transform:translateY(-3px)
}
.social-media-icons .social-link {
display:flex;
justify-content:center;
align-items:center;
width:30px;
height:30px;
border:1px solid var(--color-white);
border-radius:50%;
font-size:12.8px;
text-decoration:none
}

/* Footer social media CSS End */

/* Footer top CSS End */

/* Footer bottom CSS Start */
footer .bottom
{
    background-color: var(--color-maroon);
    width: 100%;
    font-size: 17px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
}

footer .bottom .bottom-footer-content
{
padding: 16px 32px;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1340px;
margin: 0 auto;
}
footer .bottom .bottom-footer-content img
{
height: 60px;
}
footer .bottom .bottom-footer-content .bottom-footer-links
{
list-style: none;
margin: 0;
padding: 0;
}
footer .bottom .bottom-footer-content .bottom-footer-links li
{
display: inline-block;
line-height: 2;
}
footer .bottom .bottom-footer-content .bottom-footer-links a
{
color: var(--color-white);
text-decoration: none;
}
footer .bottom .bottom-footer-content .bottom-footer-links li:not(:last-child)::after
{
content: "|";
padding: 0px 8px;
color: var(--color-white);
}
/* Footer Bottom CSS end */

/* Footer media queries start */
@media (max-width: 50em) {
footer .bottom .bottom-footer-content
{
    display: block;
    text-align: center;
    padding: 32px 48px;
}

footer .top .footer-content
{
    background-color: var(--color-gray);
    margin: 0 auto;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 500;
    display: flex;
    justify-content: start;
}
footer .top .contact-info .page-title{
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color:var(--color-white);
}

footer .top .contact-info{
    border-right:0;
    width: 100%;
}
footer .top  .footer-content .quick-links
{
    display: none;
}
footer .top  .footer-content .locations
{
    display: none;
}

}
  /* Footer media queries End */
/* Footer CSS End */