@charset "utf-8";
/* CSS Document: Last Updated 10/15/19 RC */

/* Navigation Menu : Code from http://stackoverflow.com/questions/7534885/nested-navigation-menu-hover-issue*/
ul#navmenu, ul#navmenu li, ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;    
	width: 200px; /*For KHTML*/
    list-style: none;
	z-index: 500;
}
ul#navmenu li {
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;
}
/* Root Menu */
ul#navmenu a {
    border: 1px solid #746860;
    border-right-color: #746860;
	border-bottom: 1px solid #fff;
    padding: 7px 6px;
    display: block;
    background: #62584f;
    color: #FFF;
    font-weight: normal;
	font-family: "Avenir LT W01 65 Medium","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
	text-transform: capitalize;
    text-decoration: none;
    height: auto !important;
    height: 100%; /*For IE*/
    line-height: 20px;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
    background: #584a42;
    color: #FFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
    background: #62584f;
    color: #FFF;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
    background: #584a42;
    color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
    background: #62584f;
    color: #FFF;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
    background: #584a42;
    color: #FFF;
}
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
	left: 200px;

}
/* Do Not Move - Must Come Before display:block */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
    display: none
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
    display: block
}
/* End Navigation Menu */

/* Start title no underline    
#library_title a
{
text-decoration: none;
}  */ 

/* for sub level designs*/	

div#clear {clear:both; height:1px; padding:0px; margin:0px; font-size:0px; }


/*used to hide the Skip Navigation that is a part of the header code  - will not appear in browser, designed for non-graphical browsers*/

.hide {display:none;}

/* For alphabetical listing on database pages- not in use anymore*/	
.db-letter 
{
margin-top: 2em;
padding-top: 0.45em;
padding-right: 0.45em;
padding-bottom: 0.45em;
padding-left: 0.45em;
height: 2.5em;
clear: both;
}

.db-letter li{display: inline;float: left;margin-right: .33333em;height: 1.66667em;text-align: center;padding: .1666667em .45em;border: 1px solid #D9D5CA;background-color:#fff;}
.db-letter li:hover{background-color: #eaeaea;}

.db-letter li a 
{
vertical-align: middle;
line-height: 1.66667em;
color: #1f65a0;
text-decoration: none;
}
/* End alphabetical listing on database pages*/	

/* For alphabetical listing on homepage*/	
.db-letterhomepage 
{
clear: both;
}

.db-letterhomepage li{display: inline;float: left; margin-right: .33333em; height: 1.66667em;text-align: center; padding: .1666667em .45em;border: 1px solid #fff;background-color:#746860; margin-top: .33333em;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
color: #fff;
}
.db-letterhomepage li:hover{background-color: #62584f !important;}

.db-letterhomepage>ul a
{
vertical-align: middle;
line-height: 1.66667em;
color: #fff;
text-decoration: none
;}

.db-letterhomepage>ul a:hover{color: #add632;}
/* End alphabetical listing on homepage*/	

/* Start print style rules, .SS_ResultsAtoZLinks could possibly be removed if change takes affect in SS*/	
@media print {
	#sidebar, #global-footer, #nav-global, .masthead, .SS_ResultsAtoZLinks {
	display: none;
}
}
/* End print style rules*/
/* Start rules that control Christopher Center Library text*/
section.section.feature .featured-img-container .featured-library-caption{display:block;position:absolute;z-index:10;top:0;width:100%;padding-top:1%}@media(max-width:768px){section.section.feature .featured-img-container .featured-library-caption{height:100%;padding:11px 20px}section.section.feature .featured-img-container .featured-library-caption>.row{height:100%}} section.section.feature .featured-img-container .featured-library-caption .featured-text{font-size:23pt;font-weight:400;text-align:center;text-shadow:0 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1)}@media(max-width:768px){section.section.feature .featured-img-container .featured-library-caption .featured-text{display:block;height:100%} .carousel-inner {visibility: hidden; display: none;}} section.section.feature .featured-img-container .featured-library-caption .featured-text .hero-title{font-family:'Avenir W01';font-weight:300;font-style:normal;display:inline-block;padding:.1em;line-height:1.2em} section.section.feature .featured-img-container .featured-library-caption .featured-text .hero-title p{font-size:1.0em} 
/* End rules that control Christopher Center Library text*/

.widget_connect_box {
    background: #746860;
    text-decoration: none;
    background-color: #584a42;
    font-family: "Avenir LT W01 65 Medium","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: none;
    font-weight: 400;
	margin-bottom: 1px;
    color: #fff;
    padding: 5px 10px;
    display: block;
    position: relative;
}
.widget_connect_box a {color:#c8b18b;}
.widget_connect_box .btn:hover {color:#fff;}
.widget_connect_box p{font-size:1.0em !important;}
.quicklinks {font-size:1.0em !important;}
.quick-link {padding-top:30px;}

.carousel-inner{padding:5px;background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);box-shadow:0 0 4px rgba(0,0,0,0.4)}

.quicklinks-title{font-weight:400;text-shadow:none;position:relative;text-transform:uppercase;border-bottom:1px solid #6c6059;font-size:15px;line-height:18px;color:#e8ddc9;background-color:#746860;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);box-shadow:0 0 4px rgba(0,0,0,0.4)}
.quicklinks-title{padding:10px;margin:0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.quicklinks-content ul li {font-size:1.0em !important;}
/*.quicklinks-title{margin:-10px -10px 5px;padding:10px}*/

.library-row {display: flex; justify-content: space-around;}
/*..library-row {overflow: hidden; width: 100%; position: relative; display: block;}
.library-column1 {width:65.74585635359117%;*width:65.69266486422946%; float: left; margin-right: 2.127659574468085%}
.library-column2 {width: 31.914893617021278%; float: left;}*/

.library-column1 {width:65.74585635359117%;*width:65.69266486422946%;}
.library-column2 {width: 31.914893617021278%; }

@media(min-width:768px){footer.footer{position:absolute; bottom:0px; left:0; right:0}} /*moves footer up */
.match-height {min-height: 200px;}



/* Below beta
.move-up{margin-bottom:-340px;} -working in Chrome but not IE or Firefox

.feature-banner .carousel-control.left{left:3%;background-position-x:2px;background-position-y:-1px;background-image:url('https://www.valpo.edu/about/wp-content/themes/valpo/img/back_arrow.png')}.feature-banner .carousel-control.right{right:3%;background-position-x:7px;background-position-y:1px;background-image:url('https://www.valpo.edu/about/wp-content/themes/valpo/img/forward_arrow.png')} 

.carousel-outer:after{content:" ";position:absolute;z-index:-1;display:block!important}.no-touch .carousel-outer:before,.no-touch .carousel-outer:after{bottom:15px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}.no-touch .carousel-outer:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)} 

