/*BASIC STYLES CROSS PLATFORM*/

/*Body tag loads font, and image background*/
body {
	background:#fff url("/images/common-imgs/layout-bg-pattern.jpg") repeat; /*slanted gray bg*/
	margin:0;
	padding:0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif; /*Open Sans is a open source google font. currently only loading 400 and 700 weights, and italic*/
    font-size: 14px;
}

/*Sets styles for links overall */

a {
    text-decoration: none;
    background: transparent;
}

a:hover {
    text-decoration: underline;
}

.clear {clear: both;}
.fltright {float: right;}
.fltleft {float: left;}

/*main_container is the content holder. has a glow.*/
#main_container {
    background-color:  #fff;
    box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75); /*Sets the box outer glow*/
    -moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
}

/*Style for full size computers. Other styles for smaller screens in appropriate areas.*/
div.w980 {
    max-width: 1200px;
    margin: 0 auto 1em;
    padding: 0;
}

/*Styles for Breadcrumb at top*/

#bread-crumb-nav {
    padding: 8px 20px;
    margin: 0;
    list-style: none;
    font-size: .9em;
    color: #606060;
    border-bottom: 1px solid #d7d7d7;   
    line-height:  24px;
}

/*Owl Slider Styles*/ 

#owl-slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
 .owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
 
 .owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}


.owl-carousel .owl-item{
	float: left;
}
  
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}  

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
 
 .owl-theme .owl-controls{
	text-align: center;
    position: relative;
    background-color: rgba(0, 0, 0, 0.52)
       
}
 
 .owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}


.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
 
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
 
 .owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
 
 /* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
 
/*End Owl Slider Styles*/  

#bread-crumb-nav a, a:link, a:active, a:visited, a:hover {color: #00386b; padding-right: 3px;}

#bread-crumb-nav a:hover {text-decoration: underline}

#col-left {
    margin: 0;
    padding: 0;
    float: left;
    width: 63%;
    border: none;
}

#col-right {
    margin: 0;
    padding: 0;
    float: left;
    width: 37%;
    border:  none;
}

.no-float {
    float: none;
}

/*unversity-header styles (top band)*/

#university-header {
    background-color: #fff;
    margin: 0 0 1em;
    padding: 0 5em 0;
    border: 0px;
    font-size: .9em;
    line-height: 1.7em;
    height: 2.2em;
}

#university-header div.mobile-header {display: none}

#university-header img {
    margin: 0;
    padding: .4em;
    border: 0px;
    top:  .4em;
    float: left;
}

/*floating list for menu items*/
#university-header ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: .2em;
    display: inline;
}

#university-header ul li {
    float: left;
    padding: .7em;
    margin: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#university-header ul li:hover {

}

/*Nested menu styles*/
#university-header ul li ul {
  padding: 0;
  position: relative;
  background-color: #51b5e0;
  color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

#university-header ul li ul li { 
  background-color: #51b5e0; 
  padding: .4em;
  color: #ffffff;
  width: 150px;
  float: none;
}
            
#university-header ul li ul li { 
    border-bottom: 1px #ffffff solid;
}

#university-header ul li ul li:last-child { 
    border-bottom: none;
}
            
#university-header ul li ul li:hover { 
    background: #ffffff; 
    color: #51b5e0;
}

#university-header ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 2.9em;
  left: -2.1em;
}
#university-header a:link {
	color: #00386b;
}

#university-header a:visited {
	color: #00386b;
}

#university-header ul li ul li a:link {
    color: #ffffff;
    text-decoration:  none;
}

#university-header ul li ul li a:hover {
    color: #51b5e0;
    text-decoration:  none;
}

/*This is the little tiny arrow that points up*/
#university-header ul li ul li:first-child a:before {
    content: "\f0d8";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 0;
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 0;
    line-height: normal;
    font-size: 1.8em;   
    position: absolute;
    top:  -.7em;
    left:  2em;
    color: #51b5e0;
    visibility: visible;
}

#university-header ul li ul li:hover a:link, #university-header ul li ul li:hover a:active, #university-header ul li ul li:hover a:hover, #university-header ul li ul li:hover a:visited, #university-header ul li ul li:hover a {
	color: #51b5e0;
    text-decoration: none;
}

#university-header ul li ul li a:hover {
	color: #51b5e0;
    text-decoration: none;
}

#university-header ul li ul li a:visited {
	color: #ffffff;
}

#university-header ul li ul li a:active {
	color: #ffffff;
}


/*Library Header Styles (Blue band second from top)*/

#library-header {
    background: #00386b;
    color: #fff;
    height: 5.8em;
    padding: 0 1.4em;
}

#library-header h1 {
    font-size: 1.8em;
    margin: 0;
    padding: .6em .6em .3em;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: .1em;
}

#library-header h2 {
    font-size: 1.1em;
    font-weight: 400;
    margin: 0;
    font-style: italic;
    padding: .3em .6em;
}

#library-header a {
	text-align: center;
	color: #fff;
}

/*Main Menu Styles (gray band underneath image)*/

#main-menu {
    background-color: #5c5c5c;
    height: 50px; 
    color: #fff;
    border-top: 1px solid #00386b;
    border-bottom: 1px solid #00386b;
}

#main-menu a {
    color: #ffffff;
}

#main-menu a:visited {
    color: #ffffff;
}

#main-menu a:active {
    color: #ffffff;
}

#main-menu a:hover {
    color: #ffffff;
    text-decoration: none;
}

#main-menu ul {
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

#main-menu ul li {
    float: left;
    padding: 0px 20px 0;
    margin: 0;
    height: 50px;
    line-height: 3em;
    width: 6em;
    text-align: center;
}


#main-menu i {
    float: left;
    color: #ffffff;
    
}

/*these are the styles for the floating menu items.*/

#main-menu ul li ul {
  padding: 0;
  position: relative;
  background-color: #51b5e0;
  color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index: 2000;
}

#main-menu ul li ul li { 
  background-color: #51b5e0; 
  padding: .8em;
  float: none;
  color: #ffffff;
  width: 150px;
  line-height: 1.2em;
  border-right: none;
  font-weight: 400;
  height: auto;
  border-bottom: 1px #ffffff solid;
  z-index: 2000;
  font-size: .8em;
  font-weight: 800;
  text-align: left;
}
            
#main-menu ul li ul li:last-child { 
    border-bottom: none;
}
            
#main-menu ul li ul li:hover { 
    background: #ffffff; 
    color: #51b5e0;
}

#main-menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0px;
  left: -5px;
  z-index: 2000;
}

#main-menu ul li ul li:hover a:link, #main-menu ul li ul li:hover a:active, #main-menu ul li ul li:hover a:hover, #main-menu ul li ul li:hover a:visited {
	color: #51b5e0;
    text-decoration: none;
}

#main-menu ul li ul li a:hover {
	color: #51b5e0;
    text-decoration: none;
}

#main-menu ul li ul li a:visited {
	color: #ffffff;
}

#main-menu ul li ul li a:active {
	color: #ffffff;
}


#main-menu p {
    float: right;
    text-align: center;   
    margin: 0;
    padding: .5em 1em;
    line-height: 1.2em;
    width: 8em;
}

#main-menu p a:hover {
    text-decoration: underline; 
}

#main-menu a {
	text-align: center;
	color: #fff;  
}

/*This styles the tiny arrow at the top of the drop down menu.*/ 
 
#main-menu ul li ul li:first-child a:before {
    content: "\f0d8";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 0;
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 0;
    line-height: normal;
    font-size: 1.5em;   
    position: absolute;
    top:  -14px;
    left:  40px;
    color: #51b5e0;
    visibility: visible;
}

 #main-menu-mobile {display:  none;}
 
/*End Main Menu Styles*/

/*Top Level Search Bar Styles*/

#TopLevelSearch {
    text-align: right;
    background-color: #00386b;
    color: #ffffff;
    padding: .9em;
}

#mobile-hours-map {display: none;}
 
/*Search Tab Styles*/

#horizontalTab {  
    min-height: 14.8em;
    border: 1px solid #5c5c5c;
    float: left;
    margin:  1.3em 1.3em .7em;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    color: #ffffff;
    background-color: #00386b;
    width: 95%;
}


.resp-tabs-list {
    color: #5c5c5c;
    background-color: #dddddd;
    font-size: 1em;
    font-weight: 700;
    padding: 0;
    margin: 0;
    text-align: center; /*set to left, center, or right to align the menu as desired*/
   /*border: 1px solid #5c5c5c;*/ 
    border: none;
    width:  100%;
}

ul.resp-tabs-list  {
    list-style-type: none;
    border: none;
    background-color: #dddddd;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.resp-tabs-list li {
    float: left;
    margin: 0;
    padding: 0;
    width: 16.66%;
    *width: auto; /*fir IE7 and below*/
    border: none;
    background-color: #dddddd;
    
}

.resp-tabs-list li:last-child {
    width: 16.7%;
}

.resp-tabs-list li a{
    text-decoration: none;
    color: #666666;
    display: table-cell;
    *display: inline; /*for IE7 and below*/
    vertical-align: middle;
    width: 16.5%;
    *width: 16.5%; /*fir IE7 and below*/
    height: 2.1em;
    line-height: 1em;
    margin: 0;
    padding: .5em;
    border:  none;
}

.resp-tabs-list li a:visited{
    color: #666666;
    /*background-color: #666666;*/
    border: none;
    /*border-bottom: 1px solid #5c5c5c;*/
}

.resp-tabs-list li a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(119, 119, 119, 0.80);
    border: none;
    /*border-bottom: 1px solid #5c5c5c;*/
}        

.resp-tabs-list li.resp-tab-active a { /*selected main tab style */
    background-color: #00386b;
    color: #ffffff;
    border: none;
    /*border-bottom: 1px solid #00386b ;*/
}


.resp-tabs-list li a.selected:hover{ /*selected main tab style */
    text-decoration: none;
}

.resp-tabs-list li:first-child {
    border-left: none;
}


.resp-tab-content {
    clear: left;
    color:  #ffffff;
    line-height: 1.5em;
    font-size: 1em;
    background-color: #00386b;
    
}

div.resp-tab-content a {
    text-decoration: none;
    color:  #ffffff;
}

.resp-tab-content a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.resp-tab-content p {
    padding: 1.5em 3em 1em;
    margin: 0;
}

.resp-tab-content label {
}

/*changes the placeholder text style*/
::-webkit-input-placeholder {font-style: italic; }
::-moz-placeholder { font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */
input:-moz-placeholder { font-style: italic; }

/*styles each search entry box for uniform look*/
.resp-tab-content .text-entry-box {
    border: 1px solid #666666;
    margin: 1.4em 1.4em .4em;
    padding: .5em;
    width: 65%;
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -ms-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

/*highlights the search box subtly upon focus*/
.resp-tab-content .text-entry-box:focus {
    color: #333;
    border-color: #51b5e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    outline: 0 none; 
}

/*styles the search box button*/
.resp-tab-content .submit-button {
    color: #00386b;
    padding: .5em;
    border: 1px solid #00386b;
    background-color: #ffffff;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -ms-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    
}

/*these are the styles that work on the libguides search box*/
#lg_search_box {
    border: 1px solid #666666;
    margin: 1.4em 1.4em .4em;
    padding: .5em;
    width: 65%;
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -ms-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;    
}

#lg_search_box:focus {
    color: #333;
    border-color: #51b5e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
    outline: 0 none;     
}

#lg_search_btn {
    color: #00386b;
    padding: .5em;
    border: 1px solid #00386b;
    background-color: #ffffff;
    outline: 0;
    font-weight: 700;
    font-size: 1em;
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -moz-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
    -ms-box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.30);
}

.resp-tabs-container form p {
        margin: 0 0 0 1.6em;
        padding: 0;
}f

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}


h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

.resp-tab-title h2:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}



/*-----------Accordion styles-----------*/

h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}
  
    

/*END Styles for Search Box Content*/

/*Contact Us Box, Quick links box Styles, */

div#contact-us-box, div#quick-links-box, div#mobile-hours-map {  
    background-color: #00386b;
    border: 1px solid #5c5c5c;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    margin:  .7em 1.3em;
    color: #ffffff;
    width: 95%;
    float: left;
    clear: both;
}

/*Contact Us Box specific Styles*/

#contact-us-box ul, #mobile-hours-map ul {
    font-size: 1em;
    padding: 0;
    margin: 0;
}

#contact-us-box ul li, #mobile-hours-map ul li {
    width: 20%;
    *width: 19%; /*for IE7 and below*/
    border-right: 1px dotted #ffffff;
    text-align: center;
    padding: 1em 0;
    margin: 0;  
    float: left;
    min-height: 6.1em;
}

#mobile-hours-map ul li {
    text-align: left;
}

#mobile-hours-map i {
    width: 1.2em;
    padding-left: .5em;
}
 
  
#contact-us-box ul li:last-child, #mobile-hours-map ul li:last-child {
    border:  none;
    width: 19%;
}

#contact-us-box ul li i {
    display: block;
}

#contact-us-box ul li a:hover, #mobile-hours-map ul li a:hover {
    text-decoration:  none;
    color: #51b5e0;
}


#quick-links-box {  
    background-color: #ffffff;
    border: 1px solid #5c5c5c;
    box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    -moz-box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    -webkit-box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    margin-bottom: 0px;
    color: #ffffff;
    font-size: 1em;
}

#quick-links-box div {
    width: 33%;
    border: none;
    background-color: #ffffff;
    color: #00386b;
    float: left;
    border-right: 1px dotted #00386b;
    line-height: 1.2em;
    min-height: 18em;
    margin: 0;
    padding: 0;
}

#quick-links-box div:last-child {
    width: 34%;
    border: none;
    background-color: #ffffff;
    color: #00386b;
    float: left;
    position: relative;
    margin-right: -2px;
    margin-left: -3px;
    border-left: 1px dotted #00386b;
    border-right: 1px solid #5c5c5c;
    
}

#quick-links-box div h3 {
    margin: 0;
    padding: 1em;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    background-color: #00386b;
   /* border-right: 2px dotted #ffffff; */
}

#quick-links-box div ul {
    padding: 1em;
    margin: 0;

}

#quick-links-box div ul li {
    list-style-type: none;
    padding-bottom: .3em;
    line-height: 1.5em;
}

#quick-links-box a:visited, #quick-links-box a:active, #quick-links-box a:link {
    color: #00386b;
}


/*RBMS Box*/
#rbms-box {  
    background-color: #ffffff;
    min-height: 20em;
    border: 1px solid #5c5c5c;
    margin:  .7em .7em .7em 1.3em;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    display: inline-block;
    text-align: center;
    width: 46%;
    color: #00386b;
    float: left;
}


/*Blue header bar for each SC box.*/
#rbms-box h2, #archives-box h2, #ir-box h2, #wvvv-box h2 {
    margin: 0;
    padding: .6em;
    font-size: 1.3em;
    font-weight: 800;
    color: #ffffff;
    background-color: #00386b;
    text-align: left;
}

/*"Featured Collections Menu*/
#rbms-box h3, #archives-box h3, #ir-box h3, #wvvv-box h3 {
    margin: 0;
    padding: .3em;
    font-size: 1.2em;
    font-weight: 800;
    border-bottom: 1px dotted #00386b;
}

#rbms-box ul, #archives-box ul, #ir-box ul, #wvvv-box ul {
    margin: 0;
    padding: .8em;
    font-size: .9em;
    font-weight: 800;
    list-style-type: none;
    text-align: left;
}

#rbms-box ul {
    padding-left: 9em;
    padding-bottom: 0em;
}

#rbms-box li, #archives-box li, #ir-box li, #wvvv-box li {
    padding-bottom: .3em;
}

/*End Featured Collections Menu*/

#rbms-box p, #archives-box p, #ir-box p, #wvvv-box p {
    font-size: .9em;
    text-align: left;
    padding:  .5em;
    margin: 0;
    color: #00386b;
}

#rbms-box a:link, #archives-box a:link, #ir-box a:link, #wvvv-box a:link {color: #00386b}
#rbms-box a:active, #archives-box a:active, #ir-box a:active, #wvvv-box a:active {color: #00386b}
#rbms-box a:visited, #archives-box a:visited, #ir-box a:visited, #wvvv-box a:visited {color: #00386b}
#rbms-box a:hover, #archives-box a:hover, #ir-box a:hover, #wvvv-box a:hover {color: #00386b}

#rbms-box img, #ir-box img {
    float: left;
    padding: 0;
    margin: 0;
    
}

/*Archives Box*/
#archives-box {  
    background-color: #ffffff;
    min-height: 20em;
    border: 1px solid #5c5c5c;
    margin:  .7em;
    margin-right: 1.3em;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    display: inline-block;
    width: 46%;
    float: left;
    color: #00386b;
}

#archives-box ul, #wvvv-box ul {
    padding-right: 9.5em;
    padding-bottom: 0em;
}

#archives-box img, #wvvv-box img {
    float: right;
    padding: 0;
    margin: 0;
    
}


/*IR Box*/
#ir-box {  
    background-color: #ffffff;
    color: #00386b;
    min-height: 20em;
    border: 1px solid #5c5c5c;
    margin:  .7em;
    margin-left: 1.3em;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    display: inline-block;
    width: 46%;
    float: left;
    clear: left;
}

#ir-box img {
    padding: 0 .6em 0 0;
}



/*WVVV Box*/
#wvvv-box {  
    background-color: #ffffff;
    min-height: 20em;
    border: 1px solid #5c5c5c;
    margin:  .7em;
    margin-right: 1.3em;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    display: inline-block;
    width: 46%;
    color: #00386b;
    float: left;
}


/*Hours and Events Box Styles, floats right, 32% width*/

#hours-events-box, #address-box, #twitter-box, #blog-box, #address-box-int {
    background-color: #00386b;
    height: fit-content;
    margin:  1.3em 1.3em .7em .7em;
    border: 1px solid #5c5c5c;
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    color: #ffffff;
    font-size: 1.1em;
}
#hours-events-box a:link, #address-box a:link, #twitter-box a:link, #blog-box a:link, #contact-us-box a:link {
	color: white;
}

#hours-events-box a:active, #address-box a:active, #twitter-box a:active, #blog-box a:active, #contact-us-box a:active {
	color: white;
}

#hours-events-box a:visited, #address-box a:visited, #twitter-box a:visited, #blog-box a:visited, #contact-us-box a:visited {
	color: white;
}
  
#hours-events-box ul, #contact-us-box ul, #address-box ul, #mobile-hours-map ul {
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: left;
	list-style: none;
}

#hours-events-box ul li {
    border-bottom: 1px dotted #ffffff;
    padding: .8em;
    margin: 0;
    line-height: 1em;
    
}

#hours-events-box ul li:last-child {
    border-bottom: none;
    padding: .8em;
    margin: 0;
    line-height: 1em;
    
}

#hours-events-box span.regular {
    padding: 0;
    display: block;
    margin: 0;
    margin-left: 2.5em;
 
}
#hours-events-box span.tiny, #mobile-hours-map span.tiny {
    font-size: .8em;
    padding: 0;
    display: block;
    margin: 0;
    margin-left: 2.5em;
    margin-top: .4em;
}
 
#mobile-hours-map span.tiny {margin: 0} 
#mobile-hours-map ul li div {display:  inline-block; height: auto; line-height: 1.2em;}


#hours-events-box i {
    padding: 0;
    float: left;
    margin-right: .2em;
}

/*Specific Address box styles*/

#address-box i {
    display: block;
    line-height: 4em;  
    height: 100%;  
    float: left;
    margin-left: .5em;
    margin-right: .2em;
    
}

#address-box p {
    margin-left: 2.9em;
    line-height: 1.5em;
}

/* Styles for Interior Pages' Address Box */
 
#address-box-int a; #address-box-int a:link; #address-box-int a:hover; #address-box-int a:visited; #address-box-int a:active {color: #ffffff}
#address-box-int {font-size: 1em} 
#address-box-int ul {list-style-type: none; padding: 0; margin: 0 auto; padding-left: .5em}
#address-box-int ul li {float: left; width: 45%; padding: .5em;} 
#address-box-int i {min-width: 1.1em}
#address-box-int p {text-align: center; margin: 0 auto; padding-bottom:  1em}
#address-box-int p a {color: #ffffff}
 
/*Twitter Box Styles*/

#twitter-box {
    color: #00386b;
    background-color: #ffffff;
    font-size: 1em;
    padding: 0;
}
#twitter-box h2 {
    font-weight: 800;
    font-size: 1.2em;
    background-color: #00386b;
    color: #ffffff;
    padding: 1em;
    margin: 0;
}

#twitter-box i {
    padding-right: .5em;
}

#twitter-box div.twitter-text a:link, #twitter-box div.twitter-text a:visited, #twitter-box div.twitter-text a:active {
    color: #00386b;
    text-decoration: none;
}

#twitter-box img  {
    border:none;
}
 
#loading-container {
    text-align:center;  
}
  
  
.twitter-article, #loading-container {
    border-bottom: 1px dotted #00386b;
    padding: .6em;
    min-height: 6em;
} 
#twitter-box .twitter-pic {
    float: left;
    padding-top: .7em;
}
  
#twitter-box .twitter-pic img {
    float:left;
    border-radius: .5em;  
    border:none;
      
}
  
/* -------- TEXT STYLING ------*/
.twitter-text {
    padding: 0 0 0 52px;
}
.twitter-text p {
    margin:0px;
    line-height:18px;   
}
  
.tweet-time {
    font-size:11px;
     float:right;
}
  
 
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
        display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(../images/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
  
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 

#twitter-box .social-icons {
    font-size: 16px;
    line-height: 20px;
    margin:  0;
    padding:  0;
    text-align: center;
    color: #00386b;
    font-weight: 800;
}

#twitter-box .social-icons a:link, #twitter-box .social-icons a:hover, #twitter-box .social-icons a:visited {
    color: #00386b
}

#twitter-box .social-icons {
    padding: 0;
    margin:  0;
}
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:14px;
    height:10px;
    background-image:url(../images/tweet-actions.png);
    background-position:-5px -54px;
    margin-top:3px;
    float:left;
}

/*Blog Box Styles*/


#blog-box {
    background-color: #ffffff;
    color: #00386b;
    font-size: 14px;
    padding: 0;
}

#blog-box a:link, #blog-box a:visited, #blog-box a:active {
    color: #00386b;
    text-decoration: none;
} 

#blog-box a:hover {
    text-decoration: underline;
    color: #00386b;
}

#blog-box h3 {
    font-weight: 800;
    font-size: 14px;
    padding: 1em 1em 0 1em;
    margin: 0;
}

#blog-box h2 {
    font-weight: 800;
    font-size: 16px;
    background-color: #00386b;
    color: #ffffff;
    padding: 1em;
    margin: 0;
}

#blog-box p.tiny {
    font-size: .8em;
    padding: 0 1em;
    padding-bottom: 1em;
    margin: 0;
    border-bottom: 1px dotted #00386b;
}

#blog-box p.tiny:last-child {
    font-size: .8em;
    padding: 0 1em;
    padding-bottom: 1em;
    margin: 0;
    border-bottom: none;
}


#blog-box p.summary {
    font-weight: 400;
    margin: 0;
    padding: 1em 1em 0 1em;
}

#blog-box i {
    padding-right: .5em;
    
}


/*Interior Page Styles*/ 
#right-column-interior {
    float: right;
    padding: 1em;
    border-left: 1px dotted rgba(119, 119, 119, 0.30);
    width: 30%;        
}

#interior-content {
    padding: 1em;
    margin-left: 1em;
    float: left;
    width: 60%;
    color: #00386b;
}

#chat-box {
    box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -moz-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    -webkit-box-shadow: 4px 4px 4px 1px rgba(119, 119, 119, 0.30);
    margin:  18px 18px 9px 9px;
    padding: 0;
    background-color: #00386b;
} 

#interior-content h1 {
     padding: .3em;
     margin-top: 0;
     background-color: #ebebeb;
     font-size: 1.9em;
 }
 
 #interior-content h2 {
     padding: .3em;
     font-size: 1.6em;
     color: #51B5E0;
 }
 
 #interior-content p {
     padding: .3em
}
 
 #interior-content dl {
     padding: .3em;
     margin-left: 1em;
 }
 
 #interior-content dl dt {
    font-weight: 800;
    padding-bottom: .5em
 }
 
 #interior-content dl dd {
    padding-bottom: .5em
 }

 #interior-content p {
     padding: .3em;
     margin-left: 1em;
 }
 
 #interior-content a, #interior-content a:link, #interior-content a:hover, #interior-content a:visited {color: #387E9C}
 
/*Footer Styles*/
#footer {  
    background-color: #00386b;
    height: fit-content;
    border: 1px solid #5c5c5c;
    box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    -moz-box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    -webkit-box-shadow: 5px 5px 5px 1px rgba(119, 119, 119, 0.80);
    color: #ffffff;
    clear: both;
    font-size: 13px;
    margin: 0;
    padding: 1em 0;
}

#footer .lib-content {
    width: 48%;
    float: left;
    padding: 20px 0px 20px 20px;
    margin: 0;
}

#footer .uni-content {
    width: 48%;
    float: right;
    padding: 20px 20px 20px 0px;
    margin: 0;
}

#footer a:link, a:active, a:visited, a {color: white;}
#footer a:hover {color: #51b5e0;}

#footer h2 {
    line-height: 30px;
    font-size: 13px;
    font-weight: 800;
    color: white;
    text-transform: uppercase;
    border-bottom: 2px solid #336089;
}

#footer ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    width: 13em;
}

#footer li {
    border-bottom: 1px dashed #336089;
    line-height: 20px;
    padding-top: .5em;
}

#footer .menu-column {
    width: auto;
    float: left;
    margin: 10px;
    padding: 0;
}

#footer ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 0;
    text-decoration: none;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: normal;
    position: relative;
    padding: 5px 0px 0px 0;
    float: right;
}

#footer ul li:last-child {border: none;}

#footer ul li:first-child {padding: 0}

#footer-logo {
    clear: both;
    height: 4em;
}

#footer-logo:after {
    position: relative;
    bottom: -25px;
    left: 47%;
    right: auto;
    content: url('/images/leaf_outline.png');
}

#footer div.socmed-content {
    clear: both;
    margin: auto;
    text-align: center;
    font-size: 39px;
    color: white;
    vertical-align: middle;
    zoom: 1;
}

#footer div.socmed-content a.social-facebook:before {
    content: "\f082";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

#footer div.socmed-content a.social-twitter:before {
    content: "\f081";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

#footer div.socmed-content a.social-instagram:before {
    content: "\f16d";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

#footer div.socmed-content a.social-smugmug {
    background: url(/images/smugmug-icon.png) no-repeat;
    width: 35px;
    display: inline-block;
    line-height: 36px;
    background-position: bottom left;
     
}
#footer div.socmed-content a.social-smugmug:hover {
    text-decoration: none;
    background: url(/images/smugmug-blue-icon.png) no-repeat;
    background-position: bottom left;
}

#footer div.socmed-content a.social-youtube:before {
    content: "\f166";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

/*
    
  @media only screen and (min-width : 1024px) {}
  @media only screen and (min-width : 768px) and (max-width : 1023px) {}
  @media only screen and (max-width : 767px) {}    
    
    
.container { width: 950px; margin: 0 auto; }
#university-header { width: 950px; margin: 0 auto; } 
#library-header { width: 950px; margin: 0 auto; } 
#library-slider { width: 950px; margin: 0 auto; } 
#main-menu { width: 950px; margin: 0 auto; } 
#search-box-main { float: left; margin-right: 10px; width: 630px; } 
#hours-events-box { float: left; margin-right: 10px; width: 310px; margin-right: 0; } 
#column1 { float: left; margin-right: 10px; width: 310px; } 
#column2 { float: left; margin-right: 10px; width: 310px; } 
#column3 { float: left; margin-right: 10px; margin-right: 0; width: 310px; } 
#footer { width: 950px; margin: 0 auto; }    


/*Break point for 2 column layout. */
@media only screen and (max-width: 768px) {
    body {font-size: 12px}
    #university-header div.non-mobile-header {display: none}
    #university-header div.mobile-header {display: block}
    #university-header {
        background-color: #00386b;
        padding: .5em;
        margin: 0 auto .5em;
        line-height: 1em;
        height: auto;
    }
    .mobile-header img {
        height: 3em;
        padding: .5em;
        float: none !important;
    }

    #library-header {
        padding: .5em;
        margin:  0;
        height: auto;
    }
    
    #library-header h1, h2, a, a:link, a:hover, a:active, a:visited {padding: 0 !important; margin: 0 !important; text-align: left;}

    #main-menu {display: none;}
    #main-menu-mobile {
        background-color: #5c5c5c;
        color: #fff;
        border-top: 1px solid #00386b;
        border-bottom: 1px solid #00386b;
        display: block;
    }
    #col-left {float: none; width: 95%}
    #col-right {float: none; width: 95%; clear: both;}
    #mobile-hours-map {display: block;}
    #mobile-hours-map a, #mobile-hours-map a:link, #mobile-hours-map a:hover, #mobile-hours-map a:active, #mobile-hours-map a:visited {color: #ffffff}
    #contact-us-box ul li i {display: none;}
    #contact-us-box ul, #mobile-hours-map ul {text-align: center; font-size: 1.2em}
    #contact-us-box ul li, #mobile-hours-map  ul li {float: none; width: 99%; border-right: none; border-bottom: 1px #ffffff dotted; min-height: 0;padding: .5em 0px;}
    #contact-us-box ul li:last-child, #mobile-hours-map ul li:last-child {width: 99%;}
    #quick-links-box div {float: none; border-right: none; width: 100%; min-height: 0;}
    #quick-links-box div:last-child {width: 100%; margin: 0; float: none; border-left: none; }
    #quick-links-box div ul li {font-size: 1.2em;}
    #quick-links-box div h3 {font-size: 1.5em; padding: .5em;}
    #rbms-box, #archives-box, #ir-box, #wvvv-box, #hours-events-box, #address-box, #twitter-box, #blog-box, #mobile-hours-map {width: 95%; float: none; min-height: 0; margin: 0.7em 0.7em 0.7em 1.3em }
    div#rbms-box h2, div#ir-box h2, div#archives-box h2, div#wvvv-box h2, div#twitter-box h2, div#blog-box h2 {padding: .5em !important}
    div#rbms-box ul {padding-left: 11em;}
    div#wvvv-box img{display: none}
    div#footer-logo:after {bottom: -15px; left: 41%}
    #footer .lib-content, #footer .uni-content {float: none; width: 90%; padding: .5em; margin: .5em}
    div#footer div.menu-column {float: none; width: 100%; margin: 0;}
    div#footer div.menu-column ul {width: 100%; margin: 0;}
    div#footer div.menu-column h2 {margin: 1em 0 !important}
    #footer div.menu-column ul li a:link, #footer div.menu-column ul li a:active, #footer div.menu-column ul li a:visited, #footer div.menu-column ul li a {color: white;}
  


    #main-menu-mobile h3, a, #main-menu-mobile a:link,#main-menu-mobile a:hover,#main-menu-mobile a:active,#main-menu-mobile a:visited {color: #ffffff;}
    #main-menu-mobile p {float: right; padding-right: .5em; margin-top: .5em}
    #main-menu-mobile h3 {display: inline-block; padding-left: .5em;}
    
}    
 
@media only screen and (min-width : 1024px) {}

@media only screen and (min-width : 768px) and (max-width : 1199px) {
    
}

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


}

/*screens small than 360px do not display the image slider, and needs smaller font for library header*/
@media only screen and (max-width : 360px) {
    #library-header h1 {
        font-size: 1.3em;
        margin: 0px;
        padding: 0.6em 0.6em 0.3em;
        line-height: 1em;
        font-weight: 700;
        letter-spacing: 0.1em;
    }

    #owl-slider {display: none !important}
}   


/*break point for tabs to change to accordian*/
@media only screen and (max-width: 859px) {
    ul.resp-tabs-list {
        display: none;
    }

    .resp-tabs-container {
        border: none;
        float: none;
        min-height: initial;
        clear: none;
    }

    h2.resp-accordion {
        display: block;
        font-size: 1.2em;
        font-weight: 700;
        border-bottom: 1px solid #ffffff;
        margin: 0px !important;
        padding: .5em !important;
    }
    
    h2.resp-tab-active {border-top: 0 !important;}
    h2.resp-accordion a, a:link, a:visited, a:active {
        color: #ffffff;    
        padding: .8em;
    }

    h2.resp-tab-active a, a:link, a:visited, a:active {
        color: #00386b;    
        padding: .8em;
    }

    div.resp-tabs-container h2:first-of-type {border-top: 1px solid #00386b;}
    div.resp-tabs-container h2:last-of-type {border-bottom: 1px solid #00386b;}
    div.resp-tabs-container div:last-child {border-bottom: 1px solid #00386b;}
    .resp-vtabs .resp-tab-content {
        border-bottom: 1px solid #ffffff;
    }

    .resp-accordion-closed {
        display:none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: none;
    }

    .resp-tab-content .text-entry-box {
        margin: .5em 0;
        padding: .5em;
    }

    div.resp-tab-content {
        border-bottom: 1px solid #ffffff;
        padding: .8em;
    }

    div.resp-tab-content p {
        padding: 0px;
    }

    div.resp-tabs-container form p {margin: 0}

    div.resp-tab-content p a {
        padding: 0px;
    }    
}