/*
	--- Fonts Site Wide ---
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-weight: 400;
	font-weight: 700;
	font-weight: 900;

	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-weight: 900;


	--- Font Sizes Site Wide ---
	//rem to px conversion: px/10. example: 16px/10 = 1.6rem
	h1 : 4.2rem;
	h2 : 2.6rem;
	h3 : 2.2rem;
	h4 : 1.8rem;
	paragraphs/body : 1.8rem;
	body small: 1.6rem;


	--- Colors Site Wide ---
	green-primary : #2c8f82;
	blue-primary : #0083c3;
	red-primary : #ff665e;

	blue-med : #1b3e6f;
	blue-dark : #15355b;

	blue-highlight : #315b8c;
	gold-highlight : #d39e33;

	grey-lightest : #f6f6f6;
	grey-light : #f2f2f2;
	grey : #eeeeee;
	grey-med : #e0e0e0;
	grey-dark : #c9c9c9;

	color-body : #292929;
	color-links : #0083c3;

	form-border : #c9c9c9;
	form-default-text : #939598;


	--- Break Points used Site Wide ---
	//Max Width
	@media (max-width: 1400px) {  }
	@media (max-width: 1170px) {  }
	@media (max-width: 1070px) {  }
	@media (max-width: 1020px) {  }
	@media (max-width: 900px) {  }
	@media (max-width: 800px) {  }
	@media (max-width: 781px) {  }
	@media (max-width: 600px) {  }
	@media (max-width: 525px) {  }
	@media (max-width: 450px) {  }

	//Min Width
	@media (min-width: 1401px) {  }
	@media (min-width: 1171px) {  }
	@media (min-width: 1071px) {  }
	@media (min-width: 1021px) {  }
	@media (min-width: 901px) {  }
	@media (min-width: 801px) {  }
	@media (min-width: 782px) {  }
	@media (min-width: 601px) {  }
	@media (min-width: 526px) {  }
	@media (min-width: 451px) {  }
*/



/* Library Header -------------------------------------------------------------------------- */
.library-header {
}

.library-header h1 {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 105px);

	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-size: 4.2rem;
	text-transform: uppercase;
}

.library-header .advanced-search-link {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	text-align: right;


	font-family: "proxima-nova",sans-serif;
	font-size: 1.6rem;
	text-decoration: underline;
}

.library-header form {
	margin-top: 15px;
}

/* Library Quicklinks -------------------------------------------------------------------------- */
.library-home-quicklinks {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-wrap: wrap; /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome, TWEENER - IE 10 */
	   -moz-flex-wrap: wrap; /* OLD - Firefox 19- */
	    -ms-flex-wrap: wrap; /* IE 10 */
			flex-wrap: wrap;

	-webkit-justify-content: space-between; /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
	   -moz-justify-content: space-between; /* OLD - Firefox 19- */
			  -ms-flex-pack: space-between; /* IE 10 */
			justify-content: space-between;

}

.library-home-quicklinks a {
	display: block;

	-webkit-box-flex: 0 0 33%;	/* OLD - iOS 6-, Safari 3.1-6 */
	   -moz-box-flex: 0 0 33%;	/* OLD - Firefox 19- */
		-webkit-flex: 0 0 33%;	/* Chrome */
			-ms-flex: 0 0 33%;	/* IE 10 */
				flex: 0 0 33%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */

	max-width: calc((100% / 3) - 20px);

	margin-top: 30px;

	border: 1px solid #0083c3;
	color: #0083c3;
	background-color: #FFF;

	-webkit-transition: 0.25s;
	transition: 0.25s;
}

.library-home-quicklinks a span {
	display: block;
	height: 100%;
	width: 100%;
	box-sizing: border-box;

	padding: 15px;

	font-family: "proxima-nova",sans-serif;
	text-align: center;
	font-weight: 700;
	font-size: 1.7rem;
}

.library-home-quicklinks a:hover {
	/*color: darken(#0083c3, 10);*/
	/*border: 1px solid #315b8c;*/
	color: #fff;
	background-color: #0083c3;
}


@media (max-width: 575px) {
	.library-home-quicklinks a {
		-webkit-box-flex: 0 0 50%;	/* OLD - iOS 6-, Safari 3.1-6 */
		   -moz-box-flex: 0 0 50%;	/* OLD - Firefox 19- */
			-webkit-flex: 0 0 50%;	/* Chrome */
				-ms-flex: 0 0 50%;	/* IE 10 */
					flex: 0 0 50%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */

		max-width: calc(50% - 10px);

		margin-top: 20px;
	}
}

/* Library Enticers -------------------------------------------------------------------------- */
.library-home-enticers {
	margin-top: 60px;
}

.library-home-enticers a {
	display: block;
	height: 205px;
	width: 65%;
	position: relative;

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	float: left;
	overflow: hidden;

	background-color: #0083c3;

	-webkit-transition: 0.25s;
	transition: 0.25s;
}

.library-home-enticers a:hover,
.library-home-enticers a:focus {
	-webkit-transform: scale(1.01, 1.01);
	transform: scale(1.01, 1.01);

	-webkit-box-shadow: -5px 5px 9px 1px rgba(0, 0, 0, 0.1);
			box-shadow: -5px 5px 9px 1px rgba(0, 0, 0, 0.1);

			z-index: 10;
}

.library-home-enticers a.has-image:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;

	background-color: #0083c3;
	opacity: 0.5;
}

.library-home-enticers a:nth-child(2) {
	width: 35%;
	background-color: #15355B;
}
.library-home-enticers a:nth-child(2).has-image:after {
	background-color: #15355B;
}

.library-home-enticers a:nth-child(3) {
	clear: both;
	float: none;
	width: 100%;

	background-color: #2c8f82;
}

.library-home-enticers a:nth-child(3).has-image:after {
	background-color: #2c8f82;
}

.library-home-enticers h4 {
	position: absolute;
	left: 35px;
	bottom: 35px;
	z-index: 2;

	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	color: #FFF;
	font-size: 2.4rem;
	text-transform: none;
}

.library-home-enticers img {
	display: block;
	height: auto;
	max-width: 90%;

	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 575px) {
	.library-home-enticers a,
	.library-home-enticers a:nth-child(2),
	.library-home-enticers a:nth-child(3) {
		display: block;
		width: 100%;
	}

}

/* Library Sidebar -------------------------------------------------------------------------- */
/*#library-sidebar p { margin-bottom: 10px; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 700; -webkit-font-smoothing: antialiased; font-size: 1.6rem; color: #292929; }*/

#library-sidebar p, #library-interior-sidebar p { margin-bottom: 10px; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 1.6rem; color: #292929; }

@media (max-width: 900px) { 
	.libraryh3lp { width: 100%; display: inline-block; vertical-align: top; } 
}

@media (max-width: 450px) { 
	.libraryh3lp { width: 100%; display: block; } 
}

/*
.lpass-holder { display: block; margin-top: 20px; }

@media (max-width: 900px) { 
	.lpass-holder { width: 49%; display: inline-block; vertical-align: top; margin-top: 0; text-align: right; } 
}

@media (max-width: 450px) { 
	.lpass-holder { width: 100%; display: block; margin-top: 20px; text-align: left; } 
}
*/

.lpass-link { display: inline-block; }

.library-hours {
	font-family: "proxima-nova",sans-serif;
	font-weight: normal;
	font-size: 1.6rem;

	margin-top: 60px;
}

.library-hours h3 {
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	color: #315b8c;
	border-bottom: 1px solid #315b8c;

	margin-bottom: 15px;
	margin-top: 30px;
}


/* My Account Form -------------------------------------------------------------------------- */
form[name="accessform"] { margin-bottom: 25px; }

form[name="accessform"] input.form-control { width: 100%; max-width: 300px; margin: 10px 0; }

form[name="accessform"] a { margin-left: 15px; font-size: 1.6rem; }









/* Library Home Banner -------------------------------------------------------------------------- */
/*
@media (min-width: 601px) { 
	.library-banner { height: 385px; position: relative; }
	.library-banner .container { height: auto; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
	.library-banner .container:after { min-height: 50px; }
}

@media (max-width: 600px) {
	.library-banner .container:after { min-height: auto; }
	.library-banner .container { position: relative; z-index: 10; } 
}

.library-search { width: 100%; max-width: 540px; }

.library-search h3 { float: left; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 2.4rem; color: #FFFFFF; }

@media (max-width: 450px) { 
	.library-search h3 { float: none; margin-bottom: 5px; } 
}

.library-search a { color: #FFFFFF; text-decoration: underline; float: right; }

.library-search a:hover, 
.library-search a:focus { color: #0083c3; }

@media (max-width: 450px) { 
	.library-search a { float: none; } 
}

.library-search form { clear: both; }

@media (max-width: 450px) { 
	.library-search form { margin-top: 10px; } 
}*/

/* Library Slider -------------------------------------------------------------------------- */
/*.library-slider-holder { display: inline-block; vertical-align: middle; width: 60%; }

@media (max-width: 1070px) { 
	.library-slider-holder { width: 100%; max-width: 540px; }
}

@media (max-width: 900px) {
	.library-slider-holder { margin: 0 auto; display: block; }
}

.library-slider-holder img { display: block; width: 100%; }

.library-slider-holder ul { list-style-type: none; margin: 0; padding: 0; }

#library-slider { position: relative; }

#library-slider .flex-control-nav { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 15px; text-align: center; }

#library-slider .flex-control-nav li { display: inline-block; vertical-align: middle; margin: 0 2px; }

#library-slider .flex-control-nav a { display: block; height: 13px; width: 13px; border-radius: 7px; box-sizing: border-box; overflow: hidden; text-indent: -1000px; white-space: nowrap; font-size: 0; background-color: rgba(255, 255, 255, 0.7); border: 1px solid transparent; }

#library-slider .flex-control-nav a:hover, 
#library-slider .flex-control-nav a:focus { border-color: #FFFFFF; }

#library-slider .flex-control-nav a.flex-active { background-color: #FFFFFF; border-color: #FFFFFF; }

#library-slider .flex-direction-nav { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 50%; left: 0; right: 0; height: 35px; margin-top: -17px; }

#library-slider .flex-direction-nav li { position: absolute; top: 0; }

#library-slider .flex-direction-nav a { display: block; position: relative; overflow: hidden; text-indent: -1000px; white-space: nowrap; font-size: 0; height: 35px; width: 20px; }

#library-slider .flex-direction-nav a:before, 
#library-slider .flex-direction-nav a:after { content: ""; display: block; height: 5px; width: 22px; position: absolute; top: 9px; background-color: #FFFFFF; -webkit-transition: 0.25s;  transition: 0.25s; }

#library-slider .flex-nav-prev { left: 10px; }

#library-slider .flex-nav-prev a { -webkit-transition: 0.25s; transition: 0.25s;  }

#library-slider .flex-nav-prev a:hover, 
#library-slider .flex-nav-prev a:focus { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); }

#library-slider .flex-nav-prev a:before, 
#library-slider .flex-nav-prev a:after { left: 0; }

#library-slider .flex-nav-prev a:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#library-slider .flex-nav-prev a:after { top: 22px; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  }

#library-slider .flex-nav-next { right: 10px; margin-top: 0; }

#library-slider .flex-nav-next a { -webkit-transition: 0.25s; transition: 0.25s; }

#library-slider .flex-nav-next a:hover, 
#library-slider .flex-nav-next a:focus { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

#library-slider .flex-nav-next a:before, 
#library-slider .flex-nav-next a:after { right: 0; }

#library-slider .flex-nav-next a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#library-slider .flex-nav-next a:after { top: 22px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
*/


/* Library Contact Info -------------------------------------------------------------------------- */
.library-contact { display: block; width: 100%; margin-top: 60px; }

/*
@media (max-width: 1070px) {
	.library-contact { width: 100%; margin-left: 0; margin-top: 30px; }
}

@media (max-width: 900px) {
	.library-contact { text-align: center; }
}

@media (max-width: 450px) {
	.library-contact { text-align: left; }
}*/

.library-contact .sm-icons { padding-bottom: 0; }

.library-contact .icon--social-media { -webkit-transition: 0.25s; transition: 0.25s; }

.library-contact .icon--social-media + .icon { margin-left: 10px; }

.library-contact .icon--social-media:hover, 
.library-contact .icon--social-media:focus { opacity: 0.6; }

/*.library-contact p { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 1.8rem; color: #292929; }*/

/*.library-contact p strong { font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 900; -webkit-font-smoothing: antialiased; text-transform: uppercase; }*/

.library-contact p + p { margin-top: 10px; }





/* Print Styles -------------------------------------------------------------------------- */
@media print {




	
}