/*Pitt primary font import Rubik Headers and titles*/
/*@import url('https://fonts.googleapis.com/css2?family=Rubik');*/
/*Pitt secondary font import Open Sans body copy*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Rubik:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,300;1,400;1,700&display=swap');

/*Typography*************************************************************************************************************/

html {
  scroll-behavior: smooth;
}

body, input, textarea, select, a.button, fieldset legend {
 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  background: #ffffff;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow-y: scroll;
}
a:link, a:visited {
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  text-decoration: none;
      }
      #main a {
        text-decoration: underline;
      }
      #main a:hover {
        text-decoration: none;
      }
      #main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a {
        text-decoration: none;
      }
h1, h2, h3, h4, h5, h6 {
  font-family: Rubik, Helvetica, Arial, sans-serif;
  margin: 0;
}

h1 {
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 14px;
}

h2 {
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 20px;
  color: #003594;
}
      .block h2, #footer h2 {
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 20px;
      }
h3 {
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 8px;
  padding-top: 20px;	
}

h4 {
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 8px;
  padding-top: 15px;	
}
h5 {
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 8px;
  padding-top: 10px;	
}
h6 {
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 8px;
  padding-top: 5px;	
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  font-family: Rubik, sans-serif;
  font-weight: inherit;
  text-decoration: none !important;
}
p {
  margin: 0 0 20px 0;
}
del {
  text-decoration: line-through;
}
pre, code {
  white-space: pre;
  background-color: #ededed;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  display: block;
  margin: 5px 0;
  padding: 5px;
  line-height: 125%;
  overflow: hidden;
  font: 12px/24px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
hr {
  border: solid #DDD;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
  border-width: 1px 0 0;
}
.field-type-taxonomy-term-reference .field-item {
 /* float: left;*/
  padding: 0 1em 0 0;
  white-space: nowrap;
}

/* Responsive Images */
img, img.scale-with-grid {
  outline: 0;
  max-width: 100%;
  height: auto;
}

/* Downloads - Documentation */
.cta {
  margin: 10px auto 0px auto;
  padding: 10px 10px 20px 10px;
  background-color: #f2f2f2;
  position: relative;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-shadow: #fff 1px 1px 0;
  -moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
  -webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;  
}
.cta h3 {
  font-size: 1.5em;
  text-shadow: #fff 1px -1px 0;
}
/* Image Alignment Classes */
.alignright, .right {
  float: right;
  margin: 0px 0px 0px 0px;
}
.alignleft, .left {
  float: left;
  margin: 0px 0px 0px 0px;
}

.left, .right {
	margin: 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

p.blockquote {        /*based off browser default of blockquotes*/
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

blockquote {
  position: relative;
  font-family: 'Merriweather', serif;
	font-style: italic;
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 30px 30px 30px 20px;
	z-index: 2;
}

blockquote::after {
      content: '\201C';
      position: absolute;
      top: 0.1em;
      left: -0.30em;
      font-size: 6em;
      font-style: italic;
      color: #d0d0d078;
      z-index: 1;
   }
.quoteby {
    font-size: 0.6em;
    color: #626262;
    float: right;
}
.quoteby::before {
      content: '\2015';  
    }

#sectiontwo .quoteby {
	
	color: #fff;
}
#sectionfour .quoteby {
	
	color: #fff;
}


#sectiontwo .quoteby::after {
    content: '\201C';
    position: absolute;
    top: 0.1em;
    left: -0.30em;
    font-size: 8.0em;
    font-style: italic;
    color: rgba(255,255,255,0.25);
    z-index: 0;
}

#sectionfour .quoteby::after {
    content: '\201C';
    position: absolute;
    top: 0.1em;
    left: -0.30em;
    font-size: 8.0em;
    font-style: italic;
	color: rgba(255,255,255,0.25);	/*color: rgba(0,0,0,0.25);*/
    z-index: 0;
}


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

	
#sectiontwo blockquote, #sectionfour blockquote {
    margin: 10px 0 0 0;
	font-size: 1.5em;
}	
	
#sectiontwo, #sectionfour{
    /*background-color: #003594;*/
    color: #fff;
    padding: 17% 0;
    margin: 0;
}
	
#sectiontwo .container, #sectionfour .container {
    position: relative;
    width: 100%;
    max-width: 98%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

}

/*Deep content edit page styles*/

div#edit-field-section-1-content-left {
    width: 70%;
	float: left;
	min-height: 600px;
}
div#edit-field-section-1-content-right {
    width: 28%;
    float: left;
    margin-left: 2%;
	min-height: 600px;
}
div#edit-field-section-2-content-middle {
    width: 100%;
    float: left;
	min-height: 600px;
}
div#edit-field-section-3-content-left {
    width: 28%;
    float: left;
min-height: 600px;
}
div#edit-field-section-3-content-right {
    width: 70%;
	float: left;
	margin-left: 2%;
	min-height: 600px;
}
div#edit-field-section-4-content-middle {
    width: 100%;
    float: left;
	min-height: 600px;
}


div#edit-field-section-5-full-content {
	width: 100%;
	float: left;
	min-height: 600px;

}

/*Accordion styles*/

.accordion {
    background-color: #eeeeee;
    color: #003594;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.3em;
    font-weight: bold;
    transition: 0.4s;
    margin-bottom: 2px;
    height: auto;
    text-transform: none;
    white-space: normal;
    line-height: 26px;
	position: relative;
}

.accordionactive, .accordion:hover {
  background-color: #eeeeee;
 color: #003594;
}

button.accordion:focus {
    color: #feb71b;
    background-color: #003594;
}

button.accordion:focus:after {
    content: '\2212';
    color: #feb71b;
    font-weight: bold;
    float: right;
    margin: 0px;
    font-size: 1.4em;
	position: absolute;
    bottom: 30%;
    right: 9px;
}

.accordion:after {
    content: '\002B';
    color: #003594;
    font-weight: bold;
    float: right;
    margin: 0px;
    font-size: 1.4em;
	position: absolute;
    bottom: 30%;
    right: 9px;
}

.accordionactive:after {
  content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panelcontent {
  padding: 10px 0;
}

/*ASC Pages styles**************************************************************************************************************/

.archivelgrid {
    overflow: hidden;
	margin: 5% 0;
	position: relative;
}

.archivalimage img:hover, .galleryimage img:hover {
	filter:sepia(100%);
	transform: scale(1.2);
	transition: transform .2s;
}

.archivalimage {
    max-height: 500px;
}

.findinglink img:hover {
	filter:sepia(100%);
	transform: scale(1.2);
	transition: transform .2s;
}

/*a.findinglink {
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
}*/

.galleryimage {
	display: flex;
    justify-content: center;
    height: 300px;
    overflow: hidden;
}

.galleryimage img {
flex: none;
max-width: unset;
}

.cover {
  width: 700px;
  object-fit: cover;
}

.archivalimage img {
    max-width: 110%;
}

.archivetitle {
    position: absolute;
    z-index: 100;
    font-size: 1.6em;
    font-weight: bold;
	padding: 3% 2%;
    background-color: #ffb81c;
    line-height: 1;
    width: 96%;
    text-align: center;
	color: #003594;
}

.archivetitle h3 {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 2.3rem;
    line-height: 1.3;
	padding: 0;
    margin: 0;
}


.archivebody p {
    padding: 10px;
    margin: 0;
}

.archivebody {
    position: absolute;
    z-index: 100;
    font-size: 1.0em;
    padding: 0px;
    background-color: rgba(0,0,0,0.79);
    width: 100%;
    bottom: 0;
    color: #fff;
}

.archivetitle a {
color: #000;
text-decoration: none;

}

.archivefinding {
    width: 98%;
    background-color: #141b4d;
    z-index: 100;
	color: #fff;
	position: absolute;
    bottom: 0;
    left: 0;
	padding: 1%;
}


.archivefinding a {
color: #fff;
    padding: 10px 5px 10px 5px;
} 

.collectionimg {
    height: 100%;
	max-height: 145px;
    overflow: hidden;
}

@media (max-width: 1025px) {
div#block-views-86c3a155401046ef9ed8528108fb1b7d td.four.columns.gray {
	width: 100%;
    float: left;
    box-sizing: border-box;
	min-height: 100%;
	margin-left: 0;
}
}

.collectionimg img {
    width: 100%;
    height: auto;
}

@media (max-width: 1000px) {
 .archivalgridwrap .four {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
	
	.archivalgridwrap .columns { margin-left: 0%;} 
	
}

div#block-views-86c3a155401046ef9ed8528108fb1b7d {
margin-top: 30px;
}

.searchlink1 {
    float: left;
    display: inline-block;
    margin: 25px 0 0 220px;
    position: absolute;
    font-weight: 600;
}

.searchlink2 {
    float: left;
    display: inline-block;
    margin: 25px 0 0 436px;
    position: absolute;
    font-weight: 600;
}

.searchlink3 {
    float: left;
    display: inline-block;
    margin: 25px 0 0 332px;
    position: absolute;
    font-weight: 600;
}

.searchlink4 {
    float: left;
    display: inline-block;
    margin: 25px 0 0 515px;
    position: absolute;
    font-weight: 600;
}

.searchlink5 {
    float: left;
    display: inline-block;
    margin: 25px 0 0 650px;
    position: absolute;
    font-weight: 600;
}

@media (max-width: 1071px) {

.searchlink1 {
    float: none;
    display: block;
    margin: 0px;
    position: relative;
    font-weight: 600;
}

.searchlink1, .searchlink2, .searchlink3, .searchlink4, .searchlink5 {
    float: none;
    display: block;
    margin: 0px !important;
    position: relative;
    font-weight: 600;
}

	
}

@media (max-width: 450px) {

.searchlink1 {
    float: none;
    display: block;
    margin: 0px;
    position: relative;
    font-weight: 600;
}

.searchlink1, .searchlink2, .searchlink3, .searchlink4, .searchlink5 {
    float: none;
    display: block;
    margin: 0px !important;
    position: relative;
    font-weight: 600;
}

}

/*ASC Explore our collections boxes*/
div#block-views-86c3a155401046ef9ed8528108fb1b7d td {
    padding-left: 10px;
    padding-right: 10px;
	min-height: 450px;
}

.view-asc-islandora-collections tr.row-1 {
  display: grid;
  grid-auto-flow: column;
  gap: 5%;

}

.view-asc-islandora-collections td.col-1.four.columns.gray { width: 100%; }
.view-asc-islandora-collections td.col-2.four.columns.gray { width: 100%; }
.view-asc-islandora-collections td.col-3.four.columns.gray { width: 100%; }

@media (max-width: 1000px) {

.view-asc-islandora-collections tr.row-1 {
  display: block;
  grid-auto-flow: initial;
  gap: initial; 

}

.view-asc-islandora-collections td.col-1.four.columns.gray { width: 100%; margin-left: 0px; }
.view-asc-islandora-collections td.col-2.four.columns.gray { width: 100%; margin-left: 0px; }
.view-asc-islandora-collections td.col-3.four.columns.gray { width: 100%; margin-left: 0px; }	
	
}

/*Outline Box **********************************************************************************************/

.box-outline{
	border: 1px solid #ccc;
	padding: 20px 40px;
	margin: 40px;
}

@media (max-width: 550px) {

.box-outline{
	border: 1px solid #ccc;
	padding: 10px 10px;
	margin: 0px 0px;
}	
	
}

/*Spacing **********************************************************************************************/

#block-views-frontpage-news-block-2 {margin-top: 10px;}



/* Navigation **********************************************************************************************/
#navigation {
  margin-bottom: 20px;
  clear: both;
}

::selection {
  background-color: #feb81c;
  color: #000;
}

a.socialmediaMsg.alignright { color: #fff; }
	a:hover.socialmediaMsg.alignright { color: #fff; text-decoration: underline; }

ul.pager {
    padding: 10px 0;
    background-color: #eee;
}

/* List Styles *********************************************************************************************/
.block ol, .block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}
.contextual-links-wrapper {
  font-size: small !important;
}
ul.contextual-links {
  font-size: 0.923em;
}
.contextual-links-wrapper a {
  text-shadow: 0 0 0 !important;
}
.item-list .pager {
  font-size: 0.929em;
}
ul.menu li {
  margin: 0;
}
.region-content ul, .region-content ol {
  margin: 1em 0;
  padding: 0 0 0.25em 2.5em;
}
.item-list ul li {
  margin: 0;
  padding: 0.2em 0.5em 0 0;
}
ul.links {
  font-size: 11px;
  color: #666666;
}
ul.links.inline li {
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #666666;
}
ul.links.inline li.last {
  border: none;
}

ul.none {
	list-style-type:none;
}



/*Background Color Control classes***********************************************************************/

/*Pitt Colors*/
.pittblue {
  background: #003594;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.pittblue a { color: #fff;}

.pittmedblue {
  background: #00205b;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.pittdrkblue {
  background: #141b4d;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.pittgold {
  background: #ffb81c;
  margin-bottom: 30px;
  padding: 10px;
  color: #003594;
}
.yellow  {
  background: #ffb81c;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}
.pittdrkgold {
  background: #b58500;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

/*  Neutral + Cream */
.gray {
  background: #eee;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}
.ltgray {
  background: #c8c9c7;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}
.medgray {
  background: #97999b;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}
.drkgray {
  background: #75787b;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.cream {
  background: #d8c886;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

/*Rich - Accent Colors*/
.blue {
  background: #0082a6;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}

.blue  a { color: #fff;}

.green {
  background: #008264;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.green a { color: #fff;}

.orange {
  background: #dc582a;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.purple a { color: #fff;}

.purple {
  background: #7e5475;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}

.purple a { color: #fff;}

/* Dark / Light Versions*/
.ltyellow {
  background: #EDE939;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

.ltblue {
  background: #71c5e8;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

.ltgreen {
  background: #a4d65e;
	margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

.ltorange {
  background: #E87722;
  margin-bottom: 30px;
  padding: 10px;
  color: #000;
}

.drkblue {
  background: #005c76;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}

.drkgreen {
  background: #005d47;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}

.drkorange {
  background: #9c3e1e;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.ltpurple {
  background: #7c6992;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.red {
  background: #a20404;
  margin-bottom: 30px;
  padding: 10px;
  color: #fff;
}
.red a { color: #fff;}




/*Text Color Control classes***********************************************************************/

/*Pitt Colors*/
.txt-pittblue {
  color: #003594;
}
.txt-pittmedblue {
  color: #00205b;
}
.txt-pittdrkblue {
  color: #141b4d;
}
.txt-pittgold {
  color: #ffb81c;
}
.txt-pittdrkgold {
  color: #b58500;
}

/*  Neutral + Cream */
.txt-gray {
  color: #eee;
}
.txt-ltgray {
  color: #c8c9c7;
}
.txt-medgray {
  color: #97999b;
}
.txt-dkgray {
  color: #75787b;
}
.txt-cream {
  color: #d8c886;
}

/*Rich - Accent Colors*/
.txt-blue {
  color: #0082a6;
}
.txt-green {
  color: #008264;
}
.txt-orange {
  color: #dc582a;
}
.txt-purple {
  color: #7e5475;
}

/* Dark / Light Versions*/

.txt-ltyellow {
  color: #EDE939;
}

.txt-ltblue {
  color: #71C5E8;
}

.txt-ltgreen {
  color: #A4D65E;
}

.txt-ltorange {
  color: #E87722;
}

.txt-drkblue {
  color: #005c76;
}

.txt-drkgreen {
  color: #005d47;
}

.txt-drkorange {
  color: #9c3e1e;
}
.txt-ltpurple {
  color: #7c6992;
}
.txt-red {
  color: #A20404;
}


/*Misc control classes***********************************************************************************/

.zindexfix {
    position: relative;
    z-index: 999;
}

.center {text-align: center;}

.lineheight2 {
	line-height: 2.0;
}
.lineheight25 {
	line-height: 2.5;
}
.lineheight3 {
	line-height: 3.0;
}
.lineheight35 {
	line-height: 3.5;
}
.lineheight4 {
	line-height: 4.0;
}

.nopadding {padding: 0px;}

.addpadding10 { padding: 10px}

.addpadding15 { padding: 15px}

.addpadding20 { padding: 20px}

.addpadding25 { padding: 25px}

.addpadding010 { padding-top: 10px; padding-bottom: 10px}

.addpadding020 { padding-top: 20px; padding-bottom: 20px}

.nomargin {margin: 0px;}

.addmargin-btm-10 {margin-bottom:10px;}

.addmargin-btm-20 {margin-bottom:20px;}

.addmargin-btm-30 {margin-bottom:30px;}

.addmargin-top-10 { margin-top:10px;}

.addmargin-top-20 { margin-top:20px;}

.addmargin-top-30 { margin-top:30px;}

.first{
   margin-left: 0;
}

.last{
   margin-left: 4%;
}

.minheight50{
	min-height: 50px;
}

.minheight100{
	min-height: 100px;
}

.minheight150{
	min-height: 150px;
}

.minheight200{
	min-height: 200px;
}

.textsize13px {font-size: 13px;}

.textsize12 {font-size: 1.2em;}
.textsize13 {font-size: 1.3em;}
.textsize14 {font-size: 1.4em;}
.textsize15 {font-size: 1.5em;}
.textsize16 {font-size: 1.6em;}
.textsize17 {font-size: 1.7em;}

@media only screen and (max-width: 750px) {
.minheight50{
	min-height: 0px;
}

.minheight100{
	min-height: 0px;
}

.minheight150{
	min-height: 0px;
}

.minheight200{
	min-height: 0px;
}	
}


/* Main *************************************************************************************************/

#wrap, #contentwrap {
	padding: 0px;
}

.contpadding { margin-top: 30px; margin-bottom: 20px; }

#wrap #content {
  float: left;
  overflow:auto;
}

.node {
	margin: 20px 0 0 0;
	overflow:auto;
}

.containode {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 10px 0;
  box-sizing: border-box; }

/*Top alert message bar*********************************************************************************/

#message_top {
    width: 100%;
    background-color: #feb81c;
    text-align: center;
    padding: 0.5% 0%;
    font-size: large;
    font-weight: 800;

}

#message_top a:link, #message_top a:visited {
color: #000;

}

#message_top a:hover{
color: #000;

}

#message_top p {
    margin: 0;
	padding: 1% 2%;
}

/* Header ***********************************************************************************************/

#header {
	height: 100%;
    clear: both;
	border-bottom: solid 0px #003594;
	padding: 5px 0px 10px 0px;
}
#header_left {
	width: 100%;
	float: left;
	display: block;
	margin-top: 5px;
    position: relative;
    top: auto;
    right: auto;
    background-color: #fff;
}
      #header_left h1 {
          text-indent: -1000px;
          height: 0;
      }
#header_right {
    width: 100%;
    float: right;
    display: block;
    margin-top: 0px;
    background-color: #fff;
    padding: 7px 0 0px 0;
    border-bottom: solid 13px #003594;
}
       #header_left a img {
        width: 100%;
        height: auto;
        }

a.pittlink {
    height: 100%;
    width: 50%;
    left: 0;
    position: absolute;
}

a.ulslink {
    height: 100%;
    width: 50%;
    right: 0;
    position: absolute;
}

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

      #header {
          height: 100%;
          width: 100%;
          clear: both;
          border-bottom: solid 0px #003594;
          padding: 0px;
          margin-top: 0px;
      }
		  #header_left a img {
          width: 100%;
          height: auto;
          padding: 0;
      }
            
            #header_left {
                width: 100%;
                float: left;
                display: block;
                margin-top: 0;
                z-index: 0;
                padding: 0px;
            }
            #header_right {
            width: 100%;
            float: right;
            display: block;
            margin-top: 0px;
            background-color: #fff;
            padding: 7px 0 0px 0;
            z-index: 100;
			border-bottom: solid 13px #003594;
        }

		  
}

    @media (min-width: 1152px) {
        #header {
        height: 100px;
        clear: both;
        border-bottom: solid 36px #003594;
        padding: 5px 0px 10px 0px;
        }
		
		#header_left {
        width: 404px;
        float: left;
        display: inline-block;
        margin-top: 15px;
		margin-left: 20px;
        z-index: 500;
        position: relative;
		top: auto;
		right: auto;
		background-color: #fff;
        }
		#header_right {
        width: 98%;
        display: inline-block;
        margin-top: -66px;
		margin-left: auto;
        margin-right: auto;
        padding: 0px 1% 0 0px;
		background-color: transparent;
		border-bottom: solid 13px #003594;
        }       
            #header_left a img {
            width: 100%;
			max-width: 570px;
            height: auto;
            }

    }/*closeheadermedia*/


#main {
  margin-bottom: 20px;
}

.gtsleep {
	display: none;
}

.node.node-teaser {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
}
.submitted {
  font-size: 11px;
  color: #666666;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* Featured */
#featured .block {
  padding: 0 0 20px 0;
}


/*HERO image************************************************************************************************/
#heroimage {
  width: 100%;
  height: auto;
  margin: 0 0 0 0; /*was 0 0 20px 0 change to remove bottom padding with breadcrumbs*/
  overflow: hidden;
}

#heroimagecontent, #heroimagecontent_small {
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  position: relative;
}

       #heroimagecontent_small img {
            width: 100%;
            height: 250px;
            object-fit: cover;
			object-position: top;
            overflow: hidden;
			display:inherit;
        }

#heroimagecontent_small::after {
    content: '';
    background-image: url(../images/white_bar_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    position: absolute;
    bottom: -27px;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 60px;
}


        #heroimagecontent img {
            width: 100%;
            height: 500px;
            object-fit: cover;
			object-position: center;
            overflow: hidden;
			display:inherit;
			/*z-index: 200;*/
        }

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

	#heroimagecontent, #heroimagecontent_small {
	width: 100%;
    height: auto;
    object-fit: cover;
    overflow: visible;
	}

	#heroimagecontent img, #heroimagecontent_small img {
	width: 100%;
    height: auto;
    object-fit: cover;
    overflow: visible;
	}
	
}



/*Front page search *************************************************************************************/

div#block-block-6 {
    background-color: #eee;
    padding: 1% 1% 1% 2%;
	position: relative;
}

#frontpagesearch {
    height: 164px;
    width: 100%;
    max-width: 831px;
    z-index: 500;
	margin: -325px auto 161px auto;
	position: inherit;
	top: auto;
	right: auto;
}
a.a-zlink {
	float: left;
    display: inline-block;
    margin: 18px 0 0 225px;
    position: absolute;
    font-weight: 600;
}
  
#frontpagesearch img{
	max-width: 100%;
    height: auto;
	display: block;
    margin: 0 auto;
}

input#search_filter {
    width: 92% !important;
    height: 47px;
	border: 1px solid #D1D1D1;
    border-radius: 0px;
}

/*Added search filter changes after mobile stopped sending search term on enter*/

@media (max-width: 1071px){
	
input#search_filter {
    width: 87% !important;
    height: 47px;
	border: 1px solid #D1D1D1;
    border-radius: 0px;
}	
	
}

 @media only screen and (max-width: 450px) {
input#search_filter {
    width: 80% !important;
    height: 47px;
	border: 1px solid #D1D1D1;
    border-radius: 0px;
}	 
}

#search_filter {
	font-size: 1.4em;
}

input.srchbtn {
    background-color: #003594;
    color: #fff;
    width: 50px !important;
    height: 55px;
    padding: 0px;
    text-indent: -1000px;
    border-radius: 0px;
    border: 0px solid #bbb;
    background-image: url(../images/fakesearchbar_03.png);
    background-position: 62px -2px;
    background-size: cover;
    margin-left: -4px;
}

.select#urldropdown {
	border: 0px solid #D1D1D1;
    border-radius: 0px;
	background-color: #feb81c;
  	color: #000;
	margin-bottom: 0.5rem;
}

select#urldropdown {
    margin-bottom: 0.5rem;
}

.srchbarbox {
    height: 50px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
}

.s-lc-whw-pr, .s-lc-whw-ne{ padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; color: #333; background-color: #fff; border-color: #ccc; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; }

 .s-lc-whw-ne:disabled { background-color: #efefef; }
 .s-lc-whw-pr:disabled { background-color: #efefef; }

.s-lc-whw-ne:hover, .s-lc-whw-pr:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

@media (max-width: 1000px) {
#frontpagesearch {
    height: 164px;
    width: 100%;
    max-width: 831px;
    z-index: 500;
    margin: -376px auto 191px auto;
    position: inherit;
    top: auto;
    right: auto;
}
}

@media (max-width: 550px) {
#frontpagesearch {
    height: 168px;
    width: 100%;
    max-width: 831px;
    z-index: 500;
    margin: -1px auto 174px auto;
    position: inherit;
    top: auto;
    right: auto;
}
}

/*Frontpage Hero buttons*************************************************************************************/

#frontpagebuttons {
	height: 164px;
	width: 100%;
	max-width: 1200px;
	z-index: 500;
    margin: -170px auto 0 auto;
}
       @media only screen and (max-width: 550px) {
      #frontpagebuttons {
          margin-top: -170px;
           }}

/*Structure*/
.section {
	height: 164px;
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*columns*/
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*Group*/
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*Grid of three*/
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%;  }


      @media only screen and (max-width: 550px) {
          .col {  margin: 1% 0 1% 0%; }
          .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
      }




/*Frontpage spotlight left feature*************************************************************************************/

#frontpageleft {
    background: #f2f2f2;
    padding: 10px 10px 10px 10px;
}

#frontpageleft h2, #frontpageright h2, #frontpagemid h2, .typetitle h2 {
    border-bottom: solid 1px #003594;
    padding-bottom: 7px;
    font-size: 2.0em;
    color: #003594;
}


.spotlightimage {
    width: 100%;
    height: auto;
}

.spotlightimage img {
	width: 100%;
    object-fit: contain;
}

.spotlightbody { padding: 10px 0; }
    .spotlightbody {
      padding: 10px 10px 0 10px;
      background-color: #eee;
  }
    .spotlightbody p {
        margin: 0;
    }

.spotlightlink {
    margin: 0;
    display: block;
    background-color: #f2f2f2;
    width: 98%;
    text-align: right;
    padding: 0 2% 10px 0;
}




/*Frongpage News block ************************************************************************************************/

#frontpagemid {
    padding: 10px 0 0 0;
}

.newsimage {
    width: 40%;
    float: left;
    margin: 0 2% 2% 0;
	max-height: 200px;
	overflow: hidden;
}

.newsmorelink {
    text-align: right;
    display: block;
    width: 100%;
}


h3.newstopic {
	margin-bottom: 0px;
    font-size: 1.1em;
    font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

h3.newstitle {
    font-size: 1.4em;
}

h3.newstitle a:hover{
    text-decoration: underline;
}


      table.views-view-grid.cols-1 tr:last-child {border-bottom: 0px solid #EDEDED;}/*clean the underline off the last post in news block*/

.newspagegrid {
    min-height: 240px;
}

@media (max-width: 1200px) {

.newspagegrid {
    min-height: 260px;
}	
	
}


.field.field-name-field-newst-humbnail.field-type-image.field-label-hidden {
    float: right;
    margin: 20px;
}/*News pages display with thumb*/

/*Ask US widgit styles**************************************************************************************************/



/*Frontpage events and workshops block**********************************************************************************/

#frontpageright {
    background-color: #f2f2f2;
    padding: 10px 10px;
}

#frontpageright tr, #frontpageright tr.even, #frontpageright tbody {
    background-color: #f2f2f2;
    border-bottom: 0px solid #EDEDED;
    border-top: 0px solid white;
}

/*Frontpage buttons structure******************************************************************************************/

.hoverbtn {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hoverbtn .mask,
.hoverbtn .content {
  width: 100%;
  height: 164px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

.hoverbtn img {
  display: block;
  position: relative
}
        .hoverbtn .rollink {
          text-transform: uppercase;
          color: #fff;
          text-align: center;
          position: relative;
          font-size: 2.3em;
          font-weight: 600;
          font-family: 'Open Sans', sans-serif;

        }
        .hoverbtn h2 {
          text-transform: uppercase;
          color: #fff;
          text-align: center;
          position: relative;
          font-size: 1.7em;
          padding: 10px;
          margin: 10px 0 0 0;
         font-family: 'Open Sans', sans-serif;
        }

        .hoverbtn p {
          font-style: italic;
          font-size: 1.0em;
          position: relative;
          color: #fff;
          padding: 0px 5px;
          text-align: center;
          margin: 10px 0 0 0;
        }

        .hoverbtn a.info {
          float: left;
          width: 100%;
          height: 164px;
          display: inline-block;
          text-decoration: none;
          text-indent: -1000px;
          margin: -142px 0 0 0;

        }

        .hoverbtn:focus-within {
          background-color: #feb81c;
        }


/*Frontpage buttons style n animation control*/

.btnstyle img {
  transform: scaleY(1);
  transition: all .4s ease-in-out;
}

.btnstyle .mask {
  transition: all 0.5s linear;
  opacity: 0;
}
.btnstyle .rollink {
  background: transparent;
  transform: scale(1);
  transition: all 0.5s linear;
  opacity: 1;
}
.btnstyle h2 {
  border-bottom: 1px solid #fff;
  background: transparent;
  margin: 5px 40px 0px 40px;
  transform: scale(0);
  color: #fff;
  transition: all 0.5s linear;
  opacity: 0;
}

.btnstyle p {
  color: #fff;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
}

.btnstyle a.info {
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
  position: relative;
 z-index: 100;
}

.btnstyle:hover img {
  -webkit-transform: scale(10);
  transform: scale(10);
  opacity: 0;
}

.btnstyle:hover .mask {
  opacity: 1;
}


.btnstyle:hover .rollink{
  transform: scale(0);
  opacity: 0;
}


.btnstyle:hover h2,
.btnstyle:hover p,
.btnstyle:hover a.info {
  transform: scale(1);
  opacity: 1;
}

@media (max-width: 1366px) {

	
.btnstyle img {
  -webkit-transform: scale(10);
  transform: scale(10);
  opacity: 0;
}

.btnstyle .mask {
  opacity: 1;
}


.btnstyle .rollink{
  transform: scale(0);
  opacity: 0;
}


.btnstyle h2,
.btnstyle p,
.btnstyle a.info {
  transform: scale(1);
  opacity: 1;
}
	
	
}

@media (max-width: 550px) {

.hoverbtn .mask, .hoverbtn .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
}

/*Frontpage buttons color control***********************************************************************/

.bl {
  background: #0082a6;
}

      .drkbl {
            background: #005c76;
       }

.grn {
    background: #008364;

}
   
      .drkgrn {
              background: #005d47;


          }
.orng {
      background: #dc572a;
}
        .drkorng {
          background: #9c3e1e;

        }


#frontpagebuttons img {
    width: 70px;
    height: auto;
	display: block;
    margin: 0 auto;
	position: relative;
    z-index: 5;
}


.col.span_1_of_3.hoverbtn.btnstyle:after, .col.span_1_of_3.hoverbtn.btnstyle.bl:before {
    content: "";
    display: block;
    position: absolute;
top: 19px;
    left: 35%;
    width: 30%;
    height: 30%;
    background: url("../images/highlightring.png") no-repeat 50%;
    background-size: contain;
    -webkit-animation: ripple 14s ease-out infinite;
    animation: ripple 14s ease-out infinite;
    transform-origin: 50% 50%;
}

.col.span_1_of_3.hoverbtn.btnstyle:after {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

@-webkit-keyframes ripple {
  0% {
    opacity: .8;
    transform: scale(1)
  }
  15% {
    opacity: .05
  }
  30% {
    opacity: 0
  }
  50%, to {
    opacity: 0;
    transform: scale(4)
  }
}
@keyframes ripple {
  0% {
    opacity: .8;
    transform: scale(1)
  }
  15% {
    opacity: .05
  }
  30% {
    opacity: 0
  }
  50%, to {
    opacity: 0;
    transform: scale(4)
  }
}

/*Content Feature section***********************************************************************************/

#featuresection {
	width: 100%;	
}

#featuresection:first-child {
    margin-left: 0; }

/* Footer **************************************************************************************************/

#footer {
    width: 100%;
    min-height: 300px;
    clear: both;
    padding: 20px 0;
	margin-top: 20px;
    bottom: 0;
    position: relative;
    font-size: .9em;
    color: #fff;
    background-image: url("../images/ulswebsite back.png");
    background-position: top;
    background-repeat: repeat-x;
	background-color: #002566;
}

#footer a:link, #footer a:visited, #footer a:hover { color: #fff; }

#footer a:hover { text-decoration: underline; }

.foothighlitebtn-r {
    padding: 2% 8%;
    color: #002566 !important;
    background-color: #feb81c;
    font-weight: bold;
    text-align: right;
    float: right;
}

.foothighlitebtn-l {
    padding: 2% 8%;
    color: #002566 !important;
    background-color: #feb81c;
    font-weight: bold;
    text-align: left;
}

.foothighlitebtn-l:hover, .foothighlitebtn-r:hover {background-color: #D79500; color:#fff !important;}

div#block-block-21 {
    margin: 0 0 28px 0;
}

.credits {
    margin: -30px 0px 0 9px;
}

.drupalcredits {
    margin: 5px 0 0 66px;
}

.drupalcredits a:link, .drupalcredits a:hover, .drupalcredits a:visited { color: #fff; }

.drupalcredits a:hover { color: #fff; text-decoration: underline; }

#footer .block { padding: 0 0 20px 0; }

.socalimg {
    width: 55px;
    padding: 0px 0 10px 10px;
    height: auto;
}

/* Larger than desktop */
    @media (min-width: 1000px) {

.region-footer-first img {
  max-width: 80%
}

}

/* Highlighted */
.region-highlighted {
  padding: 20px 0;
}
/* Help */
.region-help {
  margin: 20px 0;
}

/* Table Styles ***********************************************************************************************/

table {
  border: 0;
  border-spacing: 0;
  margin: 10px 0 25px 0;
  width: 100%;
}

table table {
  font-size: 1em;
}

table tr th {
  border-bottom: 1px solid white;
  border-top: 1px solid #eee;
  font-weight: normal;
  color: #707070;
  text-shadow: white 1px 1px 0;
  background: #eee;
}
th {
  padding: 10px 15px;
  border: none;
}
td {
  padding: 10px 15px;
  border: none;
}
table tr th, table tr th a, table tr th a:hover {
  font-weight: 600;
}
table tbody tr th {
  vertical-align: top;
}
tr.odd {
  background-color: #F4F4F4;
  border-bottom: 1px solid #eee;
  border-top: 1px solid white;
}
tr, tr.even {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid white;
}

.views-row-even {
    background-color: #eee;
}

.panel-display {
    padding: 15px;
}

/*Class used for view lists to give evn background a gray color*/
.row-even:nth-child(even) {background-color: #eee;} 

/*Style staff directory columes and rows***********************************************************************/

.view-staff-directory .wrap:nth-child(even) {background-color: #eeeeee;}

.views-responsive-grid.views-responsive-grid-horizontal.views-columns-4:nth-child(even) { background-color: #eeeeee; }

.view-asra-past-recipients .twelve:nth-child(even) {background-color: #eeeeee;}

.views-exposed-form .views-exposed-widget .form-submit {
     margin-top: 0; 
}

.viewgridwrap, .pubgridwrap {
    display: inline-block;
    width: 100%;
}

.viewgridwrap .three {
  min-height: 775px;
  border-right: 1px solid #eee;
  border-bottom: 0px solid #eee;
}

.viewgridwrap:nth-child(2n+0) {
    background-color: #f2f2f2;
}

.viewpadding {padding: 2%;}

.views-field-field-myscheduler.appts button {
    width: 100% !important;
    margin: 0 0 !important;
    padding: 0 0 !important;
    font: 1.0em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#mySchedbtn {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  color: #333333;
  font: 14px Arial, Helvetica, Verdana;
  padding: 8px 20px;
  cursor: pointer;
}
#mySchedbtn:hover {
  opacity: 0.9;
}

#mySchedbtn_yellow {
    background-color: #feb81c;
    color: #000;
    cursor: pointer;
}
#mySchedbtn_yellow:hover {
    background-color: #D79500;
    color: #fff !important;
}


/*Mobile classes for staff directory v3.0... it just works*/

          @media (max-width: 1000px) {
            .viewgridwrap .three {
              width: 30.6666666667%;
              border-bottom: 1px solid #eee;
            }
            .viewgridwrap:nth-child(2n+0) {
              background-color: #fff;
            }
            .viewgridwrap, .pubgridwrap {
              display: inline;
              width: 100%;
            }
            .view-staff-directory .columns {
              margin: 0 1% !important;
            }
          }

          @media (max-width: 750px) {
            .viewgridwrap .three {
              width: 48%;
              margin: 0;
            }
			  
            .pubgridwrap .field-content {
              margin: 20px 0;
            }
            }

          @media (max-width: 400px) {
           
			  .viewgridwrap .three {
              width: 100%;
              margin-left: 0;
              padding: 20% 5%;
              border: 0px solid #eee;
            }
            .viewgridwrap .three {
              min-height: 100%;
              margin: 20px 0;
            }
            .viewgridwrap .three:nth-child(2n+0) {
              background-color: #eee;
            }
        }


/*Style Staff and experts directory*/
.views-field.views-field-title h2 { 
	padding: 5px 0 0 0; 
	font-size: 21px; 
  font-weight: 600;
    margin-bottom: 0px;
}

.subject-experts-page .views-field.views-field-field-job-title { padding: 0; }
.subject-experts-page .views-field.views-field-field-department { padding: 0; }
.subject-experts-page .views-field.views-field-field-office-address { padding: 0; }
.subject-experts-page .views-field.views-field-field-building-address { padding: 0; }
.subject-experts-page .views-field.views-field-field-phone { padding: 0; }
.subject-experts-page .views-field.views-field-field-fax { padding: 0; }
.subject-experts-page .views-field.views-field-field-e-mail { padding: 0; }
.subject-experts-page .views-field.views-field-field-liaison-listing { padding: 0 0 0 10px; }
.subject-experts-page .views-field.views-field-field-libguide-website { padding: 0; }
.subject-experts-page .views-field.views-field-field-myscheduler { padding: 0; }

.views-field.views-field-field-job-title { padding: 10px 0 0 0; }

.views-field.views-field-field-department { padding: 10px 0 0 0; }

.views-field.views-field-field-office-address { padding: 10px 0 0 0; }

.views-field.views-field-field-building-address { padding: 0; }

.views-field.views-field-field-phone { padding: 10px 0 0 0; }

.views-field.views-field-field-fax { padding: 10px 0 0 0; }

.views-field.views-field-field-e-mail { padding: 10px 0 0 0; }

.views-field.views-field-field-liaison-listing { padding: 10px 0 0 0; }

.views-field.views-field-field-libguide-website {padding: 10px 0 0 0; }

.views-field.views-field-field-myscheduler { margin-top: 23px;}

.views-field .views-field-field-myscheduler * {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    color: #333333;
    font: 14px Arial, Helvetica, Verdana;
    padding: 8px 20px;
    cursor: pointer;
	widows: 100%;
}

/*Style Head blocks */

@media (max-width: 1000px) {
            .pubgridwrap .pubblock {
               width: 48%;
              margin-left: 0;
            }
          }

@media (max-width: 500px) {
            .pubgridwrap .pubblock {
              width: 100%;
              margin-left: 0;
            }
          }

@media (max-width: 1300px) {
            .viewgridwrap .six {
              width: 100%;
              margin-left: 0;
            }
            .viewgridwrap {
              display: inline;
              width: 100%;
            }
          }




/* Menus */
.block ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.block ul.menu li {
  list-style: none;
}
.block ul.menu li a {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 8px 0px 8px 24px;
  line-height: 120%;
  font-weight: 600;
  background: url(../images/light/arrow_bullet.png) no-repeat 10px;
  text-decoration: none;
}
.block ul.menu li a:hover {
  color: #333333;
  background: url(../images/dark/arrow_bullet.png) no-repeat 10px;
}
.block ul.menu ul {
  margin: 0 0 0 1.3em;
}
.block ul.menu ul li a {
  border: none;
  /*padding: 4px 0;*/
  font-size: 13px;
  color: #666666;
  background: none;
}
.block ul.menu ul li a:hover {
  color: #333333;
  background: none;
}

.block ul.menu {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

/*Style menu title on collections overview page*/
div#block-menu-menu-collections-overview .blocktitle {
    font-size: 2.8rem;
    line-height: 1.3;
      font-weight: 600;
  line-height: 130%;
  margin-bottom: 8px;
}

/* Sidebarsssss *********************************************************************************/

#sidebarleft {
  float: left;
  margin: 0 4% 0 0;
}
#sidebarright, #sidebarlrgright {
  float: right;
/*  margin-top: -9990px;
  margin-bottom: -9999px;
  padding-top: 9999px;
  padding-bottom: 9999px;
  background-color: #eee;
  padding-left: 1%;
  padding-right: 1%;*/
}

@media only screen and (max-width: 767px) {
        #sidebarright, #sidebarleft, #sidebarlrgright {
/*            margin-top: 0px;
            margin-bottom: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #eee;
            float: left;
            padding-left: 1%;
            padding-right: 1%;*/
        }
}

#left-sidebar .block {
  padding: 0 0 20px 0;
}


/* Messages */
#messages {
  padding: 20px 0 5px;
  margin: 0 auto;
}
div.messages {
  margin: 10px 0;
}

/*Youtube video responsive*****************************************************************************************************************/
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin: 0 0 4% 0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/*ALL THE SPECIAL CONTENT TYPES ALL IN ONE PLACE FOR YOUR CONVENIENCE**********************************************************************/




/*Deep content styles************************************************************************/

#sectionone, #sectiontwo, #sectionthree, #sectionfour {	
} 

#sectiontwo {
	/*background-color: #003594;*/
	color: #fff;
	padding: 5% 10% 3%;
	margin: 50px 0 60px 0;
}

#sectionfour {
	/*background-color: #feb81c;*/
	color: #fff;
	padding: 3% 10% 5%;
	margin: 60px 0 50px 0;
}

.whitebartop {
	background-image: url("../images/white_bar_top.png");
	background-repeat: repeat-x;
	background-position: top;
}

.whitebarbottom {
	background-image: url("../images/white_bar_bottom.png");
	background-repeat: repeat-x;
	background-position: bottom;
}


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

	.whitebarbottom, .whitebartop {
		background-image: none;
	}

}


.deepsmallright, .deepsmallleft {
/*  margin-top: -9990px;
    margin-bottom: -9999px;
    padding-top: 9999px;
    padding-bottom: 9999px;
    background-color: #eee;
    padding-left: 1%;
    padding-right: 1%;*/
	 float: left;
}

@media only screen and (max-width: 767px) {
        .deepsmallright, .deepsmallleft {
/*          margin-top: 0px;
            margin-bottom: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #eee;
            padding-left: 1%;
            padding-right: 1%;*/
			 float: left;
        }
}




/* -------------- User Profile   -------------- */
.profile .user-picture {
  float: none;
}

/*Form Elements*******************************************************************************************************/
fieldset {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
fieldset legend {
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  height: 2em;
  left: -1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px;
  width: 100%;
  -khtml-border-radius-topleft: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -khtml-border-radius-topright: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
fieldset.collapsed legend {
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset .fieldset-description {
  margin-top: 5px;
  margin-bottom: 1em;
  line-height: 1.4;
  font-style: italic;
}
input {
  margin: 2px 0;
  padding: 4px;
}
input, textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea, select.form-select {
  padding: 4px;
}
input.form-text, textarea.form-textarea, select.form-select {
  border: 1px solid #ccc;
}
.password-suggestions ul li {
  margin-left: 1.2em;
}
.form-item {
  margin-bottom: 1em;
  margin-top: 2px;
}
.form-item label {
  font-size: 0.929em;
}
.form-type-radio label, .form-type-checkbox label {
  margin-left: 4px;
}
.form-type-radio .description, .form-type-checkbox .description {
  margin-left: 2px;
}
.form-actions {
  padding-top: 10px;
}
/* Contact Form */
.contact-form #edit-name {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.contact-form #edit-mail {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.contact-form #edit-subject {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.contact-form #edit-message {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-top-left-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.contact-form .resizable-textarea .grippie {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -khtml-border-bottom-left-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-position: 100% 4px;
}
html.js input.throbbing {
  background-position: 100% -16px;
}

/* Other Overrides */
div.password-suggestions {
  border: 0;
}
.ui-widget-overlay {
  background: #222222;
  opacity: 0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 1em;
}
#forum .name {
  font-size: 1.083em;
}
#forum .description {
  font-size: 1em;
}

select#edit-field-liaison-listing-tid {
    height: auto;
	color: #000;
	border: 1px solid #ccc;
}

/*Fix field sets for long title line in forms*/

fieldset.webform-component-fieldset.webform-component--please-indicate-your-connection-with-the-university.form-wrapper legend {
    width: 100%;
    height: auto;
}
fieldset.webform-component-fieldset.webform-component--please-indicate-your-connection-with-the-university.form-wrapper .fieldset-wrapper {
    margin-top: 51px;
}

/*Search********************************************************************************************/
#block-search-form {
  padding-bottom: 7px;
}
#block-search-form .content {
  margin-top: 0;
}
#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {
    float: left;
    font-size: 1em;
    height: 3em;
    margin-right: 5px;
    width: 95%;
}
#search-block-form input.form-submit, #search-form input.form-submit {
    margin-left: 0;
    margin-right: 0;
    height: 41px;
    width: 43px;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    border-color: #e4e4e4 #d2d2d2 #b4b4b4;
    background-color: #003594;
	background-image: url(../images/fakesearchbar_03.png);
    background-position: 46px 1px;
    background-size: cover;
    overflow: hidden;
    filter: none;
	display: block;
}

fieldset#edit-advanced {
    display: none;
}

@media only screen and (max-width: 1080px) {
	
	#search-block-form input.form-submit, #search-form input.form-submit { display: none; }
	
	#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {
    width: 100%;
}
}

#search-block-form input.form-submit:hover, #search-block-form input.form-submit:focus, #search-form input.form-submit:hover, #search-form input.form-submit:focus {
  background-position: center bottom;
}
#search-form .form-item-keys label {
  display: block;
}
/* Search Results */
ol.search-results {
  padding-left: 0;
}
.search-results li {
  border-bottom: 1px solid #d3d7d9;
  padding-bottom: 0.4285em;
  margin-bottom: 0.5em;
}
.search-results li:last-child {
  border-bottom: none;
  padding-bottom: none;
  margin-bottom: 1em;
}
.search-results .search-snippet-info {
  padding-left: 0;
}

/*Testing - to find out what this width 100% does*/

/*@media only screen and (max-width: 550px) {
	
input[type="button"] {
	width: 100% !important;
}	
}*/

/*Megamenu navigation re-style****************************************************************************************************************/

button.btn.btn-navbar.tb-megamenu-button.menuIstance-processed {
	background: #feb71b;
    padding: 0px 56px;
    margin: -7px 0 0 0;
		color: #003594;
		font-weight: bold;
	font-size:	1.1em;
}

button.btn.btn-navbar.tb-megamenu-button.menuIstance-processed:after {
    content: "MENU";
	color: #003594;
}

.nav-collapse.always-show {
    margin: 3px 0 0 0;
}

/*Megamenu styles for mobile*/

@media (max-width: 979px){
.tb-megamenu .nav-collapse .nav > li > a {
    font-size: 27px;
    margin-bottom: 0;
    background-color: #003594;
	color: #feb71b;
}

.tb-megamenu .nav-collapse .dropdown-menu {
    background-color: #00205b;
  
}	
	
.tb-megamenu .nav-collapse {
    background: #141b4d;
}

.tb-megamenu .nav-collapse .dropdown-menu a {
    border-top: 0px solid #141b4d;

}	

.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
    color: #feb71b;
}	

.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a {
    color: #feb71b !important;
}	

.tb-megamenu .btn-navbar {
    color: #003594;
	}
	
}

#header_right a:link {
  text-decoration: none;
}

.tb-megamenu.tb-megamenu-main-menu {
    font-size: 20px;
}

.tb-megamenu-item .tb-megamenu-submenu {

}

.tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {
    width: 97vw !important;
}

.tb-megamenu .nav, .tb-megamenu .tb-block ul, .tb-megamenu .tb-block .nav {
    padding: 0;
    float: right;
}

.tb-megamenu {
    background-color: rgba(255, 255, 255, 0);
}
.tb-megamenu .nav > li > a {
    border-right: 0px solid #222;
    border-top: 0;
    color: #004f9e;
    font-weight: 600;
    padding: 15px 20px;
    text-shadow: none;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #fff;
    border-color: #004f9e;
    color: #004f9e;
}

@media (max-width: 979px){
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #feb71b;
    border-color: #ffffff;
    color: #001f5a;
}	
	
}

.tb-megamenu .dropdown-menu { background-color: #f5f5f5; }

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    background-color: #fff;
    color: #004f9e;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}



.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #004f9e;
    border-bottom-color: #004f9e;
    margin-top: 8px;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #004f9e;
    border-bottom-color: #004f9e;
}

.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
    background-color: #feb81c;
    color: #004f9e;
    text-decoration: none;
    text-shadow: none;
    outline: none;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    background-color: #feb81c;
    color: #004f9e;
}

.tb-megamenu .dropdown-menu {
	border-bottom: 3px solid #004f9e;
}

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    color: #004f9e;
    text-decoration: underline;
    outline: 0;
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff,#fff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
    background-image: -webkit-linear-gradient(top,#fff,#fff);
    background-image: -o-linear-gradient(top,#fff,#fff);
    background-image: linear-gradient(to bottom,#fff,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
}

.tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
    padding: 0px 0 0 5px;
}/*fix navigation list items padding for hover*/

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    color: #000;
    background-color: #feb81c;
  font-weight: 600;
	background-image: none;
}/*fix navigation list items color and background*/


.tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a {
    background-color: #feb81c;
    color: #000;
    font-weight: normal;
    font-size: 100%;
	padding: 0px 0 0 5px;
}/*fix navigation list items padding hover and weight*/


/*Springshare workshops styling*/

h3.s-lc-ea-h3 {
    display: none;
}

div#api_upc_cid2274_iid497 ul {
    list-style: none;
	padding: 0px;
}
div#api_upc_cid2274_iid497 ul a {
    font-size: 1.1em;
  font-weight: 400;
    color: #004f9e;
}

      div#api_upc_cid2274_iid497 ul a:hover {
    text-decoration: underline;
      }

div#api_upc_cid2274_iid497 ul li {
    border-bottom: 1px solid hsla(210,100%,31%,0.74);
}

div#api_upc_cid2274_iid497 ul li:last-child {
    border-bottom: 0px solid #004f9e;
}

span.s-lc-ea-date {
    margin: 0 0 8px 10px;
    display: block;
}

.s-lc-ea-date::after {
	content: "";
    border-bottom: 3px solid #004f9e;
}




/*CSS for nice menus******************************************************************************************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left; /* LTR */
  background-color: #eee;
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

ul.nice-menu ul li {
  width: 12.5em;
}

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right,
ul.nice-menu-left,
ul.nice-menu-right li,
ul.nice-menu-left li {
  width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url("../images/arrow-left.png") left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url("../images/arrow-left.png") left center no-repeat;
}

ul.nice-menu-left a,
ul.nice-menu-left ul a {
  padding-left: 14px;
}

/*All Libraries Hours Page styles*****************************************************************************************************************/

/*h3 style for map section*/
.tab-content h3 {
    margin: 10px 0 10px 0;
}

.s-lc-fhw-mi-loc {
    border:1px solid #dddddd;
    padding: 10px 0 10px 20px;
    margin: 20px 0;
}

.s-lc-fhw-map { border:1px solid #ccc; width: 750px; height: 300px; } 
.s-lc-fhw-map {
    border: 1px solid #ccc;
    width: 100%;
    height: 300px;
}


.s-lc-fhw-pills { padding: 10px 0px; }
/*week*/
.s-lc-whw thead { background-color: #F5F5F5; }
.s-lc-whw-head-date { color: #5F5F5F; }
.s-lc-whw-today-h {  background-color: #ddd; }
.s-lc-whw-today { background-color: #F5F5F5; } 
.s-lc-whw-bh { text-align: right; white-space: nowrap; }
.s-lc-whw-locname { font-weight: bold;}
.s-lc-whw-sublocname{ padding-left: 10px!important; }
.s-lc-whw-footnote { color: #555; font-size: 80%; }
.s-lc-whw-footnote td:hover { background-color:#fff!important;}	
/*month*/
.s-lc-mhw-tb { width: 100%; border: 1px solid #ddd; border-collapse: collapse; border-spacing: 0; } 
.s-lc-mhw-tb th, .s-lc-mhw-tb td { border: 1px solid #ddd; vertical-align: top; } 
.s-lc-mhw-tb thead { background-color: #F5F5F5; } 
.s-lc-mhw-header { text-align: center; } 
.s-lc-mhw-header-date { text-align: center; display: inline-block; margin-top: 5px; font-size: 130%; } 
.s-lc-mhw-days td { text-align: center; font-weight: bold; min-width: 14.28%; max-width: 14.28%; width: 14.28%;} 
.s-lc-mhw-day-l { color: #555; text-align: right; padding: 2px; font-size: 11px; } 
.s-lc-mhw-cells { height: 50px; } 
.s-lc-mhw-fnc { color: #555; } 
.s-lc-mhw-loc { font-size: 11px; padding: 2px; border-radius: 0px; margin-bottom: 1px; color: #fff;  } 
.s-lc-mhw-subloc { margin-left: 5px;} 
.s-lc-mhw-footnote-cal { font-size: 86%;}
.loc_2031 { background-color: #003493; } 
.lib_2031 { border-left: 0px solid #003493; } 
.loc_10742 { background-color: #003493; } 
.loc_10741 { background-color: #003493; } 
.loc_10740 { background-color: #003493; } 
.loc_10744 { background-color: #003493; } 
.loc_10743 { background-color: #003493; } 
.loc_10745 { background-color: #003493; } 
.loc_2035 { background-color: #003493; } 
.lib_2035 { border-left: 0px solid #003493; } 
.loc_3397 { background-color: #003493; } 
.lib_3397 { border-left: 0px solid #003493; } 
.loc_2037 { background-color: #003493; } 
.lib_2037 { border-left: 0px solid #003493; } 
.loc_2038 { background-color: #003493; } 
.lib_2038 { border-left: 0px solid #003493; } 
.loc_2040 { background-color: #003493; } 
.lib_2040 { border-left: 0px solid #003493; } 
.loc_2041 { background-color: #003493; } 
.lib_2041 { border-left: 0px solid #003493; } 
.loc_2043 { background-color: #003493; } 
.lib_2043 { border-left: 0px solid #003493; } 
.loc_2044 { background-color: #003493; } 
.lib_2044 { border-left: 0px solid #003493; } 
.loc_2046 { background-color: #003493; } 
.lib_2046 { border-left: 0px solid #003493; } 
.loc_2045 { background-color: #003493; } 
.lib_2045 { border-left: 0px solid #003493; } 
.loc_2047 { background-color: #003493; } 
.lib_2047 { border-left: 0px solid #003493; } 
.loc_2039 { background-color: #003493; } 
.lib_2039 { border-left: 0px solid #003493; } 
.loc_2042 { background-color: #003493; } 
.lib_2042 { border-left: 0px solid #003493; } 


/*Frontpage hours jump fix*/

#api_hours_today_iid497_lid0 tr:hover td, #api_hours_today_iid497_lid0 tr:hover, #api_hours_today_iid497_lid0 tr:hover a, #api_hours_today_iid497_lid0 tr:hover a:visited {
    font-weight: normal !important;
}


/* iPad Portrait/Browser */
@media only screen and (max-width: 991px) {
  #navigation ul, #navigation ul.sf-menu li a {
    border-radius: 0px;
  }
  #navigation ul li a, #navigation ul.sf-menu li a {
    font-size: .9em;
    padding: 10px 15px;
  }
  #header #site-slogan {
    font-size: 1.25em;
  }
  #navigation ul.sf-menu li:hover ul, #navigation ul.sf-menu li.sfHover ul, #navigation ul li:hover ul {
    top: 35px;
  }
}
/* Mobile/Browser */
@media only screen and (max-width: 767px) {
  select.mnav {
    width: 100%;
    padding: 5px;
  }
}



/*Popupscript message*/

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  z-index: 500;
  display: none;
}

.popup {
  width: 94%;
  margin: 0 auto;
  display: none;
  position: fixed;
  z-index: 600;
  text-align: left;
}
.popupint {
    max-width: 600px;
    width: 96%;
    margin: 25vh auto;
    background: #f3f3f3;
    position: relative;
    z-index: 700;
    padding: 1px 2% 15px 2%;
    box-shadow: 0 2px 5px #000;
}

.popupint p {
  clear: both;
  color: #555555;
  font-size: 1.2em;
  margin: 10px 0 10px 0;
}

p.popupsmall {
  font-size: 1.0em;
}

a.close {
  color: #d91900 !important;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3em;
}

a.close::before {
    content: "\D7";
    position: relative;
    font-size: 1.8em;
    top: 5px;
    left: -2px;
}

@media (max-width: 1000px) {

.popup h2 {
    margin-bottom: -15px;
}	
	.popupint {
    margin: 0px auto;
}
	
.popupint p {
  font-size: 1.0em;
  margin: 5px 0;
}

p.popupsmall {
  font-size: 0.8em;
}	
	
}

/*Fix Admin overley white background*/

div#overlay-content {
    background: #b7b7b7 !important;
}

#overlay-content  {
    background: #b7b7b7 !important;
}