/*
Syracuse University Libraries 
*/

/*
Global rules
*/

:root {
    --content-max-width: 1200px;
    --content-width: 800px;
    --menu-background: #f1f1f2;
    --suorange: #f76900;
    --white: #ffffff;
    --primaryblue: #000e54;
    --mediumorange: #ff431b;
    --lightorange: #ff8e00;
    --mediumblue: #203299;
    --lightblue: #2b72d7;
    --black: #000000;
    --mediumgray: #707780;
    --darkgray: #404040;
    --lightgray: #adb3b8;
	--lightgray-30: #e6e8ea;
    --darkorange: #d74100;
    --verylightgray: #dde4e9;

	--chat-height: 10rem;
	--chat-width: 2.5rem;

	--mega-menu-height: 3.25rem;

	--horizontal-body-padding: 1rem;
	--min-body-width: 320px;
	--responsive-width: 800px;
	--max-content-width: 1200px;
}

* {
    box-sizing: border-box;
}

*:focus {
    z-index: 1000;
    outline: solid currentColor 2px;
    outline-offset: 2px;
}

a {
    text-decoration: underline;
}

[hidden] {
    display: none;
}

li > * {
	vertical-align: top;
}

body {
	font-family: ShermanSans, Verdana, Tahoma, sans-serif;
	color: var(--primaryblue);
	line-height: 1.5;
	/* below is for forcing the footer always to the bottom */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	background-color: var(--white);
}

main {
	flex: 1;
}

select,
input {
	border: var(--primaryblue) solid 1px;
}

.sul-screen-reader-text,
#lh3-proactive-instructions {
    position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.sul-table th {
	font-size: 1.25rem;
	font-weight: 700;
}

.sul-table th.sul-table-md,
.sul-table td.sul-table-md {
	display: none;
}
@media screen and (min-width: 768px) {
	.sul-table th.sul-table-md,
	.sul-table td.sul-table-md {
		display: table-cell;
	}
}

/*
 * Skip nav links
 */

 #sul_skipnav_container {
	position: absolute;
	left: 1rem;
	top: 1rem;
	background-color: var(--menu-background);
	z-index: 2000;
	font-size: 1.125rem;
	font-weight: 600;
}

#sul_skipnav_container:focus-within {
	overflow: auto;
	clip: auto;
	width: auto;
	height: auto;
	box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.5);
}

#sul_skipnav_container a {
	display: block;
	padding: 0.625rem 0.75rem;
}
#sul_skipnav_container a:focus {
	outline-offset: -6px;
	outline-color: var(--white);
	background: var(--lightblue);
	color: var(--white);
	text-decoration: none;
}
#sul_skipnav_container a + a {
	border-top: solid 2px var(--darkgray);
}
#sul_advSearch {
	color: #fff !important;
	text-decoration: none;
	font-size:smaller;
}
#sul_advSearch a:hover {
	color: #fff !important;
	text-decoration: underline;
}
#advSearchLink {
	font-size:x-small;
	color:white;
	float:right;
	text-decoration:none;
}
#advSearchLink a{
	float:right !important;
}
#advSearchLink a:hover{
	font-size:x-small;
	color:white;
	float:right;
	text-decoration:underline !important;
}
#advSearchLink:hover {
	text-decoration:underline !important;
}
/*.sul-skip-nav-link {
	position: absolute;
	left: 1rem;
	top: 1rem;
	padding: 0.625rem;
	color: var(--white) !important;
	background-color: var(--lightblue);
	z-index: 2000;
	font-size: 1.125rem;
	font-weight: 600;
}

.sul-skip-nav-link:focus {
	overflow: auto;
	clip: auto;
	width: auto;
	height: auto;
	outline-offset: -4px;
}*/

.sul-page-centered-content {
	max-width: var(--content-max-width);
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

#sul_page_header {
	position: relative;
	--logo-height: 4.5rem;
	--logo-vertical-padding: 0.5rem;
}
/******Libnews Flex CSS ******/
.additional-images {
    margin-top: 20px;
}

.flex-image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.flex-image-gallery figure {
    flex: 1 1 calc(33.333% - 15px);
    text-align: center;
}

.flex-image-gallery img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.sul-libnews-ext-content-block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* Float left-aligned images to the left */
.sul-libnews-ext-left-align {
    flex-direction: row;
}

/* Float right-aligned images to the right */
.sul-libnews-ext-right-align {
    flex-direction: row-reverse;
}

/* Image styles */
.sul-libnews-ext-image {
    max-width: 40%;
    flex-shrink: 0;
    margin: 0 20px 10px 0; /* Space on the right for left-aligned images */
}

/* Adjust margin for right-aligned images */
.sul-libnews-ext-right-align .sul-libnews-ext-image {
    margin: 0 0 10px 20px; /* Space on the left for right-aligned images */
}

/* Ensures text properly wraps beside images */
.sul-libnews-ext-paragraph {
    flex: 1;
    min-width: 50%;
}

/* Caption styling */
.sul-libnews-ext-caption {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    color: #666;
}

/****End of libnews flex ****/
/******Blog Flex CSS ******/

/* Ensures image and paragraph are in the same row */
.sul-blog-ext-content-block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* Float left-aligned images to the left */
.sul-blog-ext-left-align {
    flex-direction: row;
}

/* Float right-aligned images to the right */
.sul-blog-ext-right-align {
    flex-direction: row-reverse;
}

/* Image styles */
.sul-blog-ext-image {
    max-width: 40%;
    flex-shrink: 0;
    margin: 0 20px 10px 0; /* Space on the right for left-aligned images */
}

/* Adjust margin for right-aligned images */
.sul-blog-ext-right-align .sul-blog-ext-image {
    margin: 0 0 10px 20px; /* Space on the left for right-aligned images */
}

/* Ensures text properly wraps beside images */
.sul-blog-ext-paragraph {
    flex: 1;
    min-width: 50%;
}

/* Caption styling */
.sul-blog-ext-caption {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    color: #666;
}


/****End of blog flex ****/

@media screen and (min-width: 800px) {
	.sul-page-centered-content {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#sul_page_header {
		position: relative;
	}
}

main:focus {
	outline: none;
}

main {
	/*height: 800px;*/
    width: 100%;
	z-index:1 !important;
}

.sul-menu-list {
	list-style: none;
	padding-left: 0;
}
/*
* Alert service
*/

#sul_mobile_alert_link_container {
	text-align: center;
	background: var(--darkorange);
}
 
#sul_mobile_alert_link_container a {
	display: block;
}
#sul_mobile_alert_link_container a:focus {
	outline-color: var(--white);
	outline-offset: -5px;
}

#sul_mobile_alert_link_container a.active {
	display: inline-block;
	color: var(--white);
	text-align: center;
	padding: 0.5rem 1rem;
	margin: 0 auto;
	text-transform: uppercase;
}
#sul_mobile_alert_link svg {
	display: inline;
	position: relative;
	width: 1.25em;
	height: 1.25em;
	top: 3px;
	right: 0;
}

@media screen and (min-width: 800px) {
	#sul_mobile_alert_link_container, 
	#sul_mobile_alert_link,
	#sul_mobile_alert_link.active {
		display: none;
	}
	
}

/*
Chat service
*/

.ui-dialog  {
	position: fixed !important;
}

.ui-widget-header {
    border: 1px solid #d49768;
    background: var(--darkorange)!important;
}

#sul_chat_container {
	display: flex;
	line-height: 1;
	position: fixed;
	top: calc(50% - var(--chat-height) / 2);
	right: 0;
	z-index: 5000;
	background-color: var(--mediumblue);
	writing-mode: vertical-rl;
	text-orientation: mixed;
}
#sul_chat_container a {
	display: block;
	color: var(--white);
	text-decoration: none;
	text-align: center;
	height: var(--chat-height);
}

#sul_chat_container a:focus {
	outline-color: var(--white);
	outline-offset: -5px;
}
#sul_chat_container a:hover {
	background: var(--darkorange);
}
#sul_chat_container a span {
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
#sul_chat_container a svg {
	height: var(--chat-width);
	width: var(--chat-width);
	transform: rotate(90deg);
}

#sul_mobile_chat_container{
	display:none;
}

	
@media screen and (max-width: 800px) {
	
	#sul_mobile_chat_container{
		display: inline-block;
		width:100%;
		background-color: #203299;
		text-align: center;
		margin-top:.0625rem;


	}
	#sul_mobile_chat_container a{
		color:white;
		width: 100%;
		display:block;
		text-transform: uppercase;
		padding-bottom: .5rem;
	}
	#sul_chat_container{
		display:none;
	}
	#sul_mobile_chat_container a svg{
		height: 2rem;
		width: var(--chat-width);
		transform: translate(5px,10px);
	}
	#sul_mobile_chat_container a:focus {
		outline: solid 2px white;
		outline-offset: -5px;
		
	}


}


/*
Homepage main content
*/
.sul-main-block {
	width: 100%;
	max-width: 525px;
}

.sul-main-block-right {
	max-width: 515px;
}

.sul-main-block-left {
	padding-right: 3rem;
}

.sul-featured-collections-title {
	text-transform: uppercase;
}

@media screen and ( max-width: 768px ) {
	.sul-main-block {
		width: 100%;
	}

	.sul-main-block-right {
		margin-top: 3rem;
	}

	.sul-main-block-left {
		padding-right: 0;
	}
}

.sul-main-block h2 {
	color: var(--darkgray);
}

#sul_quick_links ul {
	/*max-width: 450px;*/
	justify-content: space-between;
}

#sul_quick_links ul li {
	display: block;
	width: 100px;
	height: 100px;
	margin-right: 1rem;
}

@media screen and ( min-width: 900px ) {
	#sul_quick_links ul li:last-child {
		margin-right: 0;
	}
}

#sul_quick_links ul li a {
	background-color: var(--darkorange);
	color: var(--white);
	margin-right: 20px;
	font-size: .625rem;
	line-height: 1rem;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-radius: 6px;
}

#sul_quick_links ul li a.button {
	padding: 0;
}

#sul_quick_links ul li a:hover,
#sul_quick_links ul li a:focus {
	text-decoration: underline;
	background-color:var(--mediumgray);
}

#sul_quick_links ul li a:focus {
	outline-color: var(--darkorange);
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 6px;
	border-color: var(--mediumgray);
	box-shadow: 0 0 0 4px var(--mediumgray);
}

#sul_quick_links ul li a span {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#sul_quick_links ul li a span svg {
	height: 40px;
	width: 40px;
	margin-top: 5px;
}

.sul_quick_link-title {
	padding-bottom: 5px;
}

#sul_databases {
	/*margin-top: 5rem;*/
	margin-top: 1rem;
}

@media screen and ( max-width: 768px ) {
	#sul_databases {
		margin-top: 3rem;
	}
}

#sul_databases a.button:hover {
	text-decoration: underline;
}

#sul_databases a.button:focus {
	background-color:var(--mediumgray);
	outline-color: var(--darkorange);
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 6px;
	border-color: var(--mediumgray);
	box-shadow: 0 0 0 4px var(--mediumgray);
}

/*
Footer
*/
footer {
	background: var(--primaryblue);
	color: var(--white);
	padding: 1rem 0;
	font-size: 0.875rem;
}

footer a {
	color: var(--white);
	display: inline-block;
}

footer address {
	font-style: normal;
	line-height: 1.75;
}

footer address a.sul-phone {
	margin-right: 0.75rem;
}

footer address .sul-fax:after {
	content: " fax";
}

footer nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

footer nav ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: baseline;
	align-items: baseline;
	vertical-align: bottom;
}

footer nav ul > li {
	margin-bottom: 0;
}

footer nav ul > li > a {
	display: inline-block;
	/*lvertical-align: bottom;
	ine-height: 50px;*/
	font-size: 1rem;
}

footer nav ul li + li {
	margin-left: 1.5rem;
}

footer nav .sul-social-media ul li + li {
	margin-left: .5rem;
}

footer nav .sul-social-media ul > li > a span.icon-socialmedia {
	display: block;
	line-height: 1.125rem;
	padding: 0.125rem .5rem;
}

footer nav a {
	color: var(--white);
}

footer address a.sul-phone:hover,
footer address a.sul-email:hover,
footer nav .sul-footer-links a:hover {
	color: var(--white);
	text-decoration: none;
	outline: var(--white) solid 1px;
	outline-offset: 1px;
}

footer nav a svg {
	width: 1.5rem;
	height: 1.5rem;
}

footer nav a:hover svg {
	color: var(--suorange);
}

footer nav a.sul-tooltip {
	position: relative;
	text-decoration: none;
}

footer nav a.sul-tooltip:hover span,
footer nav a.sul-tooltip:focus span {
	clip: auto;
	height: auto;
	width: auto;
	overflow: auto;
	left: 62.5%;
	bottom: calc(100% + 0.5rem);
	background: var(--lightblue);
	color: var(--white);
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	border-radius: 6px;
	line-height: 1.25rem;
	z-index: 5;
}

footer .sul-copyright {
	text-align: right;
	font-size: 1rem;
	margin: 0 0 0 0;
}

@media screen and ( max-width: 580px ) {
	#sul_footer_nav,
	.sul-footer-links ul {
		display: block;
	}

	footer nav ul li + li {
		margin-left: 0;
	}
}

@media screen and ( max-width: 768px ) {

	footer .sul-copyright {
		text-align: left;
		font-size: 1rem;
		margin: 1rem 0 0 0;
	}
}

/*footer {
    background-color: var(--primaryblue);
    padding: .5em;
    color: var(--white);
	margin-top: 2em;
}

footer a {
    color: var(--white);
    text-decoration: none;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sul-social-media {
    min-width: 150px;
}

.sul-footer-links a {
    text-decoration: underline;
}

.sul-footer-links a:hover,
.sul-footer-links a:focus {
	text-decoration: none;
	color: var(--white);
}

.sul-footer-links li {
    margin: 0 10px;
}

.sul-phone-fax {
	padding-right: 10px;
}
*/

/*
Homepage main content
*/
.sul-collections-card:nth-child(odd) {
	margin-right: 1.75rem;
}

.sul-collections-card {
	vertical-align: text-top;
}

.sul-collections-card figure {
	margin: 16px;
}

.sul-collections-card img,
.sul-collections-card .sul-caption-text {
	width: 240px;
	max-width: 240px;
}

.sul-caption-text {
	display: block;
	min-height: 96px;
	height: auto;
}

.sul-collections-card a {
	border: var(--lightgray) solid 1px;
	text-decoration: none;
}

.sul-collections-card a:hover,
.sul-collections-card a:focus {
	text-decoration: underline;
	outline-style: solid;
	outline-offset: 4px;
	outline-color: var(--darkorange);
	outline-width: 2px;
}

/*
  Spaces
*/

.sul-card,
.sul-spaces-card {
	max-width: 240px;
	border: 1px solid var(--verylightgray);
	color: var(--primaryblue);
	vertical-align: top;
}

.sul-card-outline:hover,
.sul-card-outline:focus {
	outline: solid 2px var(--suorange);
	outline-offset: 2px;
}

.sul-card .sul-card-title, 
.sul-spaces-card .sul-spaces-title {
	font-size: 1.25rem;
	padding: 1rem;
	line-height: 1.825rem;
	margin: 0;
}

.sul-card p,
.sul-spaces-card p {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 1rem;
}

.sul-card img,
.sul-spaces-card img {
	margin: 0 auto;
	padding: .5rem .5rem 0 .5rem;
}

.sul-card .sul-card-summary,
.sul-spaces-card .sul-spaces-summary {
	height: auto;
	min-height: auto;
}

/*
Breadcrumbs
*/

#sul_breadcrumbs {
	width: 100%
}

@media screen and ( max-width: 800px ) {
	#sul_breadcrumbs {
		margin-top: 3rem;
	}
}

#sul_breadcrumbs ul {
	padding-left: 0;
	font-size: 0.875rem;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#sul_breadcrumbs ul li:after {
	/*content: '\00a0\00BB\00a0\00a0';*/
	content: '\00a0--\00a0';
}

#sul_breadcrumbs ul li:last-child:after {
	content: '';
}

/*
Pagination
*/
.sul-pagination ul {
	padding-left: 0;
}

.sul-pagination a {
    text-decoration: none;
}

.sul-pagination a:hover,
.sul-pagination a:focus {
    text-decoration: underline;
}

#sul-li-card li{
	width:45%;
}

/*
  Blog
*/

.sul-tags-list h2 {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 1rem 0 0;
}

.sul-tags-list ul {
	list-style: none;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
	padding: 0;
}

.sul-tags-list ul > li {
	display: inline-block;
}

.sul-tags-list > ul > li::after {
	content: ",\0020";
}

.sul-tags-list > ul > li:last-child::after {
	content: "";
}

/*
  Bento Boxes
*/

.sul-bento-box em {
	font-style: normal;
	font-weight: 700;
}

.sul-bento-box {
    /*border: #000000 solid 2px;
    border-top: #d44500 solid 20px;*/
	border: var(--mediumgray) solid 1px;
    margin: 10px;
    padding: 0px;
    width: 30%;
    min-width: 300px;
    word-wrap: break-word;
	margin-bottom: inherit;
}

.sul-bento-box h2 {
    font-size: 1.25rem;
    line-height: 1.5;
   /* padding: 5px;
    border-bottom: #000000 solid 1px;*/
	padding: 5px 10px 5px 10px;
    border-bottom: var(--mediumgray) solid 1px;
}

.sul-bento-box > div {
    margin: 5px;
    font-size: 1rem;
    height: 450px;
    max-height: 450px;
    overflow-y: scroll;
}

.sul-bento-box > div ul {
	margin: 0;
	margin-left: 10px;
	padding: 0 15px;
	line-height: 1rem;
}

.sul-bento-box > div ul li {
	padding: 5px 0;
}

.sul-bento-box > div ul li::marker {
	font-size: 1rem;
}

.sul-bento-box > div ul li span {
	display: block;
	margin: 1px 0;
}

.sul-bento-box > div  p,
.sul-bento-box > div  h3,
.sul-bento-box > div  h4 {
	font-size: 1rem;
	margin: 0;
	line-height: 1.25rem;
	display: inline-block;
	padding-bottom: .25rem;
}

.sul-bento-box > div ul li span.sul-bento-guides-subject {
	display: inline;
}

.sul-bento-box > div ul li span.sul-bento-guides-subject::after {
	content: ", ";
}

.sul-bento-box > div ul li span.sul-bento-guides-subject:last-child::after {
	content: "";
}

.sul-bento-author {
	display:block !important;
}

.sul-bento-year {
	display:inline !important;
}

.sul-bento-subtitle {
	display:inline !important;
}

.sul-bento-text-align-center {
    text-align: center;
}

.sul-bento-bottom-margin-40 {
	margin-bottom: 40px !important; 
}

.sul-bento-flex-justify-space-around {
    justify-content: space-around !important;
}

.sul-bento-flex-wrap {
    flex-wrap: wrap !important;
}

.sul-bento-flex {
    display: flex !important;
}

.sul-bento-flex-column {
    flex-direction: column;
}

.sul-bento-flex-justify-space-between {
    justify-content: space-between !important;
}



.sul-horizontal-bar {
    background-color: #d44500;
    height: 20px;
}

#sul_bento_search_form > form {
	margin: 1.25rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
}
#sul_bento_search_form > form > button[type="submit"] {
	background: var(--mediumgray);
	color: var(--white);
	font-size: 1.125rem;
	border: none;
	text-transform: uppercase;
	position: relative;
	height: 2.25rem;
	padding: 0 0.625rem;
}
#sul_bento_search_form > form > button[type="submit"]:hover {
	background: var(--darkorange);
}

#sul_bento_search_form > form > button[type="submit"]:focus {
	outline: 2px solid var(--darkorange);
	outline-offset: 2;
	z-index: 5;
	background: var(--darkorange);
}

#sul_bento_search_form > form > button[type="submit"] svg {
	width: 1.25rem;
	height: 1.25rem;
	position: relative;
	top: 2px;
}

#sul_bento_search_form > form > input[type="search"] {
	border: var(--mediumgray) solid 1px;
	height: 2.25rem;
	padding: 0 0.5rem;
	width: 35%;
	background: var(--white);
}
#sul_bento_search_form > form > input[type="search"]:focus {
	outline: 3px solid var(--mediumorange);
	outline-offset: 0;
	z-index: 5;
}
#sul_bento_search_form > form > input[type="search"]::placeholder {
	color: var(--mediumgray);
	opacity: 1;
	font-style: normal;
	/*text-transform: uppercase;*/
}

#sul_bento_search_page_results {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#sul-bento-not-here {
	margin-top:4em;
}


@media screen and (min-width: 800px) {
	#sul_search_box.sul-collapsed > form, 
	#sul_search_box.sul-collapsed > nav > ul {
		display: flex;
	}
}

/*
*   All Hours
*/

.sul-hours-library {
	margin-bottom: 4em;
}

.sul-hours-library {
	white-space: normal;
}

.sul-hours-library caption {
	text-align: left;
}

#sul_all_hours .sul-hours-links {
	width: 250px;
}

#sul_all_hours .sul-hours-links span {
	margin: auto 0;
}

.sul-hours-library .sul-hours-col-heading span {
	display: block;
	text-align: center;
}

.sul-hours-library th[scope="col"] {
	vertical-align: bottom;
	padding-top: 0;
}

.sul-hours-library .sul-hours-row-heading span {
	text-align: left;
}

.sul-hours-library .sul-hours-row-heading {
	white-space: nowrap;
	text-align: left;
	width: 225px;
}

.sul-hours-service-desks .sul-hours-row-heading {
	white-space: normal;
}

.sul-hours-library .today {
	background-color: var(--verylightgray);
}

.sul-hours-library span.is-today {
	display: none;
	text-align: left;
	margin-bottom: 1rem;
	height: 1rem;
	color: var(--mediumblue);
}

.sul-hours-library th.today span.is-today {
	display: block;
}

/*
*  ltwo page
*/
.sul-ltwo-page-subtitle {
	font-size: 2.25rem;
	line-height: 3.25rem;
	font-family: ShermanSans, Verdana, sans-serif;
	font-weight: 500;
	-moz-osx-font-smoothing: grayscale;
}

.sul-left-aside{
    border:none;
}

.sul-left-menu{
    list-style: none !important;
    padding: 0 !important;
    text-decoration:none;
}

.sul-left-menu a{
    list-style: none !important;
    padding: 0 !important;
    text-decoration:none;
}

.sul-panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.sul-ltwo-block {
	margin-bottom: 2rem;
}

.sul-ltwo-card {
	max-width: 260px;
	width: 260px;
	margin: 0 20px 20px 0;
	border: var(--lightgray) solid 1px;
}

.sul-ltwo-card img {
	border: var(--lightgray) solid 1px;
	width: 100%;
}

.sul-ltwo-card-title {
	/*border-bottom: var(--lightgray) solid 1px;*/
	padding: .275rem;
}

.sul-ltwo-card-body {
	padding: .275rem;
}

.sul-ltwo-card-body p {
	font-size: 1rem;
}

/*
 *  Alerts
*/

#sul_mobile_alert_link.sul-alert-active:hover,
#sul_mobile_alert_link.sul-alert-active:focus {
	color: var(--white);
	background-color: var(--darkorange);
	text-decoration: none;
	outline-color: var(--white);
	outline-offset: -5px;
	outline-style: solid;
}

#sul_mobile_alert_link.sul-alert-active {
	color: var(--white);
	background-color: var(--darkorange);
	padding: .5rem 1rem;
	margin: 0 auto;
	text-transform: uppercase;
	text-align: center;
}

.sul-has-alerts {
	color: var(--darkorange);
	background-color: var(--white);
}

.sul-has-alerts:hover,
.sul-has-alerts:focus {
	color: var(--primaryblue);
}

/******************************************
	MAIN LEFT NAVIGATION
 ******************************************/
 /*#sul_main_left_nav {
	display: none;
}*/
main.sul-left-nav #sul_main_left_nav {
	display: block;
	position: relative;
	flex: 0 1 100%;
	margin-bottom: 1rem;
	z-index: 100;
}

#sul_main_left_nav_header {
	/*display: inline-block;*/
	position: relative;
	font-size: 1rem;
	font-weight: 700;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 2rem;
	margin-right: auto;
	z-index: 10;
}

#sul_main_left_nav_header h2 {
	color: var(--white);
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	z-index: 1;
	/*position: relative;*/
	pointer-events: none;
}

#sul_main_left_nav_header button {
	font-size: inherit;
	font-weight: inherit;
	color: var(--white);
	line-height: 1;
	display: flex;
	justify-content: space-between;
	/*position: absolute;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border: none;
	background: var(--mediumblue);
	text-align: right;
	z-index: 0;
	padding: 0;
	padding-left: .5rem;
}
#sul_main_left_nav_header button:hover {
	background: var(--darkorange);
}
#sul_main_left_nav_header button svg {
	width: 1rem;
	height: 1rem;
	position: relative;
	top: 1rem;
	margin-right: 0.5rem;
}

#sul_main_left_nav_header button[aria-expanded="false"] > svg.up {
	display: none;
}
#sul_main_left_nav_header button[aria-expanded="true"] > svg.down {
	display: none;
}

/* shows or hides the nav list */
#sul_main_left_nav_header + div {
	display: block;
	position: relative;
}
#sul_main_left_nav_header.sul-collapsed + div {
	display: none;
}

#sul_main_left_nav ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
	border: solid 1px var(--lightgray);
	background: var(--white);
	position: absolute;
	top: 0.1875rem;
	left: 0;
}

#sul_main_left_nav ul > li {
	margin-bottom: 0;
}

#sul_main_left_nav ul li + li {
	border-top: solid 1px var(--lightgray);
	margin-bottom: 0;
}


#sul_main_left_nav ul li a {
	display: block;
	padding: 0.625rem 0.75rem;
	text-transform: uppercase;
	text-decoration: none;
}
#sul_main_left_nav ul li a:hover {
	text-decoration: underline;
}
#sul_main_left_nav ul li a:focus {	
	outline-color: var(--white);
	outline-style: solid;
	outline-width: 2px;
	outline-offset: -5px;
}

#sul_main_left_nav ul li a {
	width: 100%;
}

#sul_main_left_nav ul li a[aria-current] {
	background: var(--darkorange);
	color: var(--white);
}
/*#sul_main_left_nav ul li a[aria-current]:focus {
	outline-color: var(--white);
	outline-style: solid;
	outline-width: 2px;
}*/

#sul_main_left_nav a.home {
	display: inline-flex;
}
#sul_main_left_nav a.home span {
	flex-grow: 1;
}
#sul_main_left_nav a.home svg {
	flex: 0 0 auto;
	width: 1.125em;
	height: 1.25rem;
	position: relative;
	left: 0.25em;
}

@media screen and (min-width: 768px) {
	main.sul-left-nav #sul_main_left_nav {
		width: 20%;
		min-width: 200px;
		flex: 0 1 auto;
		margin-right: var(--horizontal-body-padding);
		margin-bottom: 0;
	}
	#sul_main_left_nav_header {
		position: relative;
		padding: 0;
		margin: 0;
	}
	
	#sul_main_left_nav_header h2 {
		position: absolute;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		padding: 0;
		border: 0;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}
	#sul_main_left_nav_header button {
		display: none;
	}
	/* force nav to show */
	#sul_main_left_nav_header.sul-collapsed + div {
		display: block;
	}
	
	#sul_main_left_nav ul {
		position: relative;
	}
	#sul_main_left_nav ul li a {
		font-size: 0.875rem;
	}

}


/******************************************
	MAIN CENTRAL CONTENT
 ******************************************/
#sul_main_central_column {
	flex: 1 0 auto;
	width: 100%; /* dummy width to get it to adjust size */
}

#sul_main_central_column h3 {
	font-size: 1.25rem;
	font-weight: 700;
}

@media screen and (min-width: 768px) {
	#sul_main_central_column {
		width: 500px;
		flex-wrap: wrap;
	}
}

/******************************************
	MAIN ASIDE (RIGHT)
 ******************************************/
#sul_main_right_aside {
	display: none;
	/*flex-grow: 0 1 auto;*/
	font-size: 0.875rem;
}
main.sul-right-aside #sul_main_right_aside {
	display: inline-block;
	flex: 0 0 100%;
}
#sul_main_right_aside h2 {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
	line-height: 2.75rem;
}
#sul_main_right_aside p {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: .875rem;
	line-height: normal;
}
#sul_main_right_aside address {
	font-style: normal;
}
@media screen and (min-width: 768px) {
	#sul_main_right_aside {
		flex: 0 1 auto;
		max-width: 25%;
		margin-left: var(--horizontal-body-padding);
	}
}

/******************************************
	ACCORDION
 ******************************************/
 
 #sul_main_central_column .sul-accordion-block {
	/*padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 2rem;*/
	padding: .5rem 0;
	margin-right: auto;
	margin-bottom: 2rem;
	z-index: 10;
	color: var(--primaryblue);
}

#sul_main_central_column .sul-accordion-block h3 {
	margin: 0 0 1rem 0;
	z-index: 1;
	position: relative;
	pointer-events: none;
	font-size: 1.75rem;
	line-height: 3rem;
}

#sul_main_central_column .sul-accordion-item-heading {
	position: relative;
	/*margin-bottom: .5rem;*/
}

#sul_main_central_column .sul-accordion-item-heading h4 {
	font-size: 1.5rem;
	line-height: 3rem;
	margin-bottom: .5rem;
}

#sul_main_central_column .sul-accordion-body {
	border: var(--lightgray) solid 1px;
	border-top: 0;
	margin-bottom: 2rem;
	padding: .5rem 1rem 0 1rem;
}

#sul_main_central_column .sul-accordion-item {
	margin-bottom: 1rem;
}

#sul_main_central_column .sul-accordion-item h5 {
	font-size: 1.25rem;
	font-weight: 700;
}

#sul_main_central_column .sul-accordion-item h6 {
	font-size: 1.25rem;
	font-weight: 700;
}

#sul_main_central_column .sul-accordion-item-heading h3 {
	font-weight: 400;
	margin: 0;
	padding: .5rem;
	z-index: 1;
	position: relative;
	pointer-events: none;
	display: inline-block;
}

#sul_main_central_column .sul-accordion-item-heading button {
	font-size: inherit;
	font-weight: inherit;
	/*color: var(--white);*/
	line-height: 1;
	/*position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;*/
	width: 100%;
	/*border-radius: 6px;
	border: 1px solid var(--mediumgray);
	border-bottom: 2px solid var(--darkgray);
	border-right: 2px solid var(--darkgray);*/
	background: var(--lightgray-30);
	text-align: left;
	display:flex;
	justify-content: space-between;
	/*z-index: 0;*/
	padding: 0 1rem;
}

#sul_main_central_column .sul-accordion-item-heading button:hover,
#sul_main_central_column .sul-accordion-item-heading button:focus {
	background: var(--darkorange);
	color: var(--white);
	outline: 1px solid var(--suorange);
	outline-offset: 2px;
}

#sul_main_central_column .sul-accordion-item-heading button[aria-expanded="true"] {
	background: var(--darkorange);
	color: var(--white);
}

#sul_main_central_column .sul-accordion-item-heading button svg {
	width: 1rem;
	height: 2rem;
	min-width: 1rem;
	position: relative;
	top: 1rem;
	margin-right: 0.5rem;
}

#sul_main_central_column .sul-accordion-item-heading button[aria-expanded="false"] > svg.up {
	display: none;
}
#sul_main_central_column .sul-accordion-item-heading button[aria-expanded="true"] > svg.down {
	display: none;
}

/* shows or hides the nav list 
#sul_main_central_column .sul-accordion-block + div {
	display: block;
	position: relative;
}*/
#sul_main_central_column .sul-accordion-item-heading.sul-collapsed + div.sul-accordion-body {
	display: none;
}

/*
   Kaltura video content
*/
.sul-kaltura-video {
	width: 100%;
	display: inline-block;
	position: relative;
}

.sul-kaltura-player {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: solid thin black
}

.sul-kaltura-responsive-wide {
	margin-top: 40.2%;
}

.sul-kaltura-responsive-std {
	margin-top: 56.25%;
}

/*
   Staff page
*/
#sul_staff_directory {
	margin: 10px 0px;
}

#sul_staff_directory p {
	font-size: 1rem;
	line-height: 1.275rem;
	margin-bottom: .5rem;
}

.sul-staff-subject::after {
	content: ", ";
}
.sul-staff-subject:last-child::after {
	content: "";
}

.sul-filter-button-container,
.sul-staff-filter-button-container {
	margin: 8px;
	padding-top: 9px;
}
@media screen and ( max-width: 768px ) {
	.sul-staff-data {
		flex-wrap: wrap;
	}
}

.sul-staff-bio-data {
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-bottom: 1rem;
}

.sul-staff-bio-data-title {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.sul-staff-card {
	max-width: 200px;
	width: 100%;
	text-align: left;
	border: var(--verylightgray) solid 1px;
	margin: 0 2rem 2rem 0;
}

.sul-staff-card:hover,
.sul-staff-card:focus {
	outline: solid 2px var(--darkorange);
	outline-offset: 2px;
}

.sul-staff-card a {
	color: var(--darkorange);
	text-decoration: none;
}

.sul-staff-card a:hover,
.sul-staff-card a:focus {
	color: var(--primaryblue);
	text-decoration: underline;
}

.sul-staff-card img {
	margin: 0 auto;
	padding: .5rem .5rem 0 .5rem;
}

.sul-staff-card .sul-staff-card-title {
	font-size: 1.25rem;
	line-height: 1.825rem;
	font-weight: 700;
	padding: 1rem 1rem 0 1rem;
	/*border-top: var(--verylightgray) solid 1px;*/
}

.sul-staff-card .sul-staff-card-image {
	min-height: 175px;
	/*background-color: var(--verylightgray);*/
}

.sul-staff-card .sul-staff-card-jobtitle {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 1rem;
	margin-bottom: 1rem;
	color: var(--primaryblue);
}
#sul_main_central_column > div.sul-ltwo-card-gallery > div > div:nth-child(1) > div.flex.flex-column-reverse > img {
	border-bottom: 1px solid black;
}

/*
* sitemap styles
*/

.sul-sitemap-columns{
	column-count: 3;
	list-style: none;
}

@media screen and ( max-width: 768px ) {
	.sul-sitemap-columns {
		column-count: 2;
	}
}

@media screen and ( max-width: 576px ) {
	.sul-sitemap-columns {
		column-count: 1;
	}
}

.sul-sitemap-nostyle{
	list-style: none;
}

/*
 * Printer styles
*/

@media print {
	header, footer, nav#sul_main_left_nav {
		display: none;
	}

	.sul-accordion-body {
		display: block !important;
	}
}