/*
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness:
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/
	
	Additions to the stylesheet with L&ET Branding
	Designed & Built by Harper Holsinger
*/

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {font-size: 100%;} 
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */

/*body, button, input, select, textarea {font: 100%/1.5 Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; *font-size: 1em; color: #333}*/

/* ************ start FONTS ***************** */
@font-face
{
font-family: Arvo;
src: url('https://cdn1.lib.jmu.edu/fonts/Arvo-Regular.ttf');
}
/* ************ end FONTS ***************** */

body, button, input, select, textarea {font-size: 16px; *font-size: 1em; color: black; font-family: Arial, Helvetica,sans-serif;} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, code, samp, /*dl, ol, ul,*/ form, /*table, */fieldset, menu {margin: 0 0 1.5em; padding: 0}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

 /* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px <--- NOT TRUE */
h1, h2, h3, h4 {font-family: Arvo, Georgia, serif; color:#000;text-shadow:1px 1px 1px rgba(0,0,0,.10); font-weight:bold; word-wrap:break-word; letter-spacing:-0.5px;}
/*h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
/*h1 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h1 {margin: 0; font-size: 2.0em; line-height: 1.25em; margin-bottom: 0.3em} /* 36px / 48px */ 
h2 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 0.3em} /* 24px / 24px */
h3 {margin: 0; font-size: 1.3125em; line-height: 1em; margin-bottom:0.3em; margin-top:0.5em; /*margin-bottom: 1.1428571428571428571428571428571em*/} /* 21px / 24px */
h4 {margin: 0; font-size: 1.125em; line-height: 1em; margin-bottom:0.2em; margin-top:0.2em} /* 18px / 24px */


p, blockquote, pre, td, th, label {margin: 0; /*font-size: 1em;*/ line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small, .small {font-size: 0.8em; line-height: 1.7142857142857142857142857142857em;} /* 14px / 24px */
p.smaller, .smaller {margin: 0; font-size: 0.7em; line-height: 1.7142857142857142857142857142857em;} /* 14px / 24px */


/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; /*margin-bottom: 1.5em*/}
th {text-align: left}
tr, th, td {/*padding-right: 0.5em;*/ border-bottom: 0 solid #333}

/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: top} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* LISTS */
/*ul, ol {/*list-style-position: inside; padding: 0; list-style:none; margin:0;}*/
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Arial, Helvetica, sans-serif}
.removebullets {padding: 0; list-style:none; margin:0;}

/* HYPERLINKS */
a {text-decoration: none; color:#6600ff}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #cbb677; padding:1px;}
ins {background: #f5c72f; padding:1px;}
del {text-decoration: line-through}
::-moz-selection {background: #cbb677; color: #000; text-shadow: none} /* selected text */
::selection {background: #cbb677; color: #000; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {clear:both;}

/* DEFAULT MOBILE STYLE */
body {width: 100%; margin: 0 auto; max-width:1180px; min-width:320px;} /* Currently using FULL width but you COULD center page without wrapper here */
/* column grid */
.onethird,.twothird,.full{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%; }
	.smallImage{
	width:50%;
	margin-left:25%;
	margin-right:25%;
	}

.onefifth,.twofifth,.threefifth,.fourfifth,.full{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%;}

.onefourth,.twofourth,.threefourth,.full{display:block; margin-left: 1%; margin-right: 1%; width:98.0%; margin-top:1%;}

/* Default floatnowap styles for fourths and fifths */
.floatnowrap .onefifth:nth-child(3n+1), .floatnowrap .onefifth:nth-child(5n+1) {clear:none;}
.floatnowrap .onefourth:nth-child(2n+1), .floatnowrap .onefourth:nth-child(4n+1) {clear:none;}


	  .mobilelinklist { margin:1%;}
	  .mobilelinklist li { margin:1%;}
	  .mobilelinklist li a {
	  background: #ddd url('//s3.amazonaws.com/jmulib-s3/pubimages/arrow.png') no-repeat right; display: block;
text-decoration: none; padding: 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:75%;
	  }
	  .mobilelinklist li a:hover {background: #D1CBCB url('//s3.amazonaws.com/jmulib-s3/pubimages/arrow.png') no-repeat right; border:none; text-decoration:none;}


	.askalibrarianbutton a, .askalibrarianbutton a:visited {
	padding-top: 25%;
	}
	
	
/*Emergency News & Closures*/
.emergency, .emergency a, .emergency a:visited {
	color:#FF0000; 
	text-decoration:none; 
	margin: 2px 1%;
	}
.emergency a:hover {text-decoration:underline;}
.emergency ul {
	margin:0 auto; 
	padding:0 9%;
	color:#FF0000;
	/*list-style-image: url('//s3.amazonaws.com/jmulib-s3/pubimages/warn.jpg'); 
    list-style-position: inside; */
    font-size: 16px;
	text-align:center;
	}

@media only screen and (min-width: 550px) {
.emergency ul {padding:0;}
}

.emergency li {margin-top: 1%; list-style: none;}


/* Basic Red Text */
.redtext, .redtext a, .redtext a:visited {color:#FF0000;}		
/* Basic Green Text */
.greentext, .greentext a, .greentext a:visited {color:#008000;}	


a.expandedIcon {
  background-image: url(../images/plus.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 2em;
}

a.collapsedIcon {
  background-image: url(../images/minus.gif);
}

#musicNews{
display:none;
}

.more-methods {font-size:0.8em; margin-top:1%;}

/*For all the more (something)... links on the website*/
.moreLink {
text-align:right; 
font-style:italic; 
margin-bottom: 0;  
margin-right: 0.5em;
}

footer.footer {background-color:#333333; margin-top:1%; color:white; border-top: 3px #cbb677 solid;}
footer.footer h3 a {color:white}
footer.footer h3 {font-size:15px; font-family: Arial, Helvetica, sans-serif;}
footer .onefifth li {line-height:2;}

.copyrightfootertext {text-align:center; padding-top:10px;}
.copyrightfootertext a {color:white;}

.footersocialmedia {margin-left: 10px; margin-top: 5px;}
.footersocialmedia a {color:white; font-size:1.5rem;}
.footersocialmedia span {padding: 0px 10px; margin-top: 10px;}
.footerjmulogo {max-width: 120px; padding: 8px 0px; margin-left:10px;}
.footerjmucontact {padding-left: 10px; margin-left:10px; margin-top: 6px; line-height: 1.3;}
.footerjmucontact i:nth-of-type(2) {margin-top: 14px;}
.footerjmucontact a {color:white;}

/*Header Image fix for iPhone 5s*/
nav .title-area img {max-width: 76%;}



/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {}	
}

/* LARGER MOBILE PORTRAIT */
@media only screen and (min-width: 375px) {
	body {}
	nav .title-area img {max-width: 100%;}
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {}
}

/* LARGER MOBILE LANDSCAPE */
@media only screen and (min-width: 520px) {
	body {}	
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {}
	#musicNews{display:inline;}	
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {}
	
	.dept-links ul {padding-left:40px;}
	.dept-links li {display:inline;padding-right: 11%; color:white;}
	
.more-methods li {float:left; display:inline;padding-right: 22px;}
.more-methods li a {color:#6600ff; cursor: pointer}
.inline-list {margin:0; padding:0;}
.inline-list li {float:left; padding:0 1em 0 0; list-style:none;}

/* Media Resources Navigation */
	.mr-nav {font-size:0.8em; background-color:#ccc;}
.mr-nav li {float:right; display:inline;padding-right: 22px;}
.mr-nav li a {color:#6600ff; cursor: pointer}
	
	/* COLUMN GRID */
	.onethird,.twothird,.full {display:inline; float: left}
	.onefifth,.twofifth,.threefifth,.fourfifth,.full {display:inline; float: left}
	.onefourth,.twofourth,.threefourth,.full {display:inline; float: left}
	
	/* 3 COLUMN GRID */
	.onethird {width:48.0%}
	.twothird {width:98.0%}
	.full {width:98.0%}
	
	/* 4 COLUMN GRID */
	.onefourth,.twofourth {width:48.0%}
	.threefourth {width:98.0%}
	
	/* 5 COLUMN GRID */
	.onefifth,.twofifth,.threefifth,.fourfifth {width:31.3%}
	.twofifth,.threefifth {width:48%}
	.fourfifth {width:98%}
	
	/* floatnowraps */
	.floatnowrap .onefifth:nth-child(3n+1), .floatnowrap .onefourth:nth-child(2n+1) {clear: both;}

	.mobilelinklist li { margin:0;}
	  .mobilelinklist li a {
	  background: none; display:inline;
text-decoration: none; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	  }
	  .mobilelinklist li a:hover { text-decoration:underline; background:none;}
	  
	
	
	footer.footer a {color:white} 
	
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 840px) { 
.more-methods li {float:left; display:inline;padding-right: 15px;}
}
@media only screen and (min-width: 900px) { 
.more-methods li {float:left; display:inline;padding-right: 2.7%;}
main {min-height: 400px;}
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP  (CHANGED IT FROM 1024 --- 1002 is the max width b/c 1022 - 1% on the right and left) */
@media only screen and (min-width: 1001px) { 
	body {}	
	
	/* 3 COLUMN GRID */
	.onethird {width:31.3%}
	.twothird {width:64.667%;}
	.full {width:98.0%}
	
	/* 4 COLUMN GRID */
	.onefourth {width:23.0%}
	.twofourth {width:48.0%}
	.threefourth {width:73.0%}
	.full {width:98.0%}

	/* 5 COLUMN GRID */
	.onefifth{width:19.0%; margin-left:0.5%; margin-right:0.5%;}
	.twofifth {width:38.0%}
	.threefifth {width:58.0%}
	.fourfifth {width:78.0%}
	.full {width:98.0%}
	
	/* floatnowraps */
	.floatnowrap .onefifth:nth-child(3n+1), .floatnowrap .onefourth:nth-child(2n+1) {clear: none;}
	.floatnowrap .onefifth:nth-child(5n+1), .floatnowrap .onefourth:nth-child(4n+1) {clear: both;}
	
	.smallImage{
	width:100%;
	margin-left:0%;
	/*margin-right:0%;*/
	}
	
	.more-methods li {float:left; display:inline;padding-right: 4.2%;}
	
		
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
	.more-methods li {float:left; display:inline;padding-right: 4.6%;}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1600px) { 
	body {font-size:18px; max-width:1400px} /* 18.5px / 28px */
	.articlemargin {padding: 0px 25%;}
		.primary-bottom {margin-top:5px;}
	 .primary-bottom li a {padding: 1px 15px; line-height:1em;}
	 .music-primary-bottom {margin-top:5px;}
	 .music-primary-bottom li a {padding: 1px 15px; line-height:1em;}
	 .more-methods li {float:left; display:inline;padding-right: 6.5%;}
	 body#calendar_2023 div.container {max-width:1400px} /* Hack for LibCal's max width.  Inserted by GB on 7/10/15 */
	 body#s-la-page-6405 div.container {max-width:1400px} /* Hack for LibAnswers' max width.  Inserted by GB on 7/10/15 */
	 body.s-lib-public-body div#s-lib-public-main, body.s-lg-guide-body div#s-lg-guide-main, body.s-lg-guide-body div#s-lg-guide-header, body.s-lg-guide-body div#s-lg-tabs-container, body.s-lg-guide-body div#s-lib-footer-public {max-width:1400px} /* Hack for LibGuides' max width.  Inserted by GB on 7/10/15 */
	 .footersocialmedia a {padding:3px;}
}


/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}


.askalibrarianbutton a, .askalibrarianbutton a:visited {
display: block;
width: 100%;
height:auto;
font-family: Arvo, Georgia, serif;
border-bottom: none;
color: #FFFFFF;
font-size: 1.5em;
font-weight: bold;
line-height: 35px;
text-align: center;
/*text-transform: uppercase;*/
text-decoration:none;
/*-moz-transition: box-shadow 0.5s ease;
-webkit-transition: -webkit-box-shadow 0.5s ease;
transition: box-shadow 0.5s ease;
font-family:"Century Gothic", sans-serif;
text-shadow: 1px 1px 1px rgba(0,0,0,.10);*/
}
.askalibrarianbutton a:hover, .askalibrarianbutton a:focus {
text-decoration:none;
/*-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.5);
box-shadow: 0px 0px 7px rgba(0,0,0,.5);*/
}


@media screen and (max-width: 840px) {
.mobilelinklist {list-style:none; padding:0;}
.mobilelinklist li {list-style:none; padding:0;}

}		
		

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

#QS-Widget h2 {width:100%}

}


/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1355px) { 
 #discoveryBody {font-size:116.75%; min-width:100%;}
}


/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1600px) { 
	body {font-size:18px; max-width:1400px} /* 18.5px / 28px */
	
}


/* Alignment and Spacing */
.noleftspace {margin-left:0px !important; padding-left:0px !important;}
.norightspace {margin-right:0px !important; padding-right:0px !important;}
.notopspace {margin-top:0px !important; padding-top:0px !important;}
.nobottomspace {margin-bottom:0px !important; padding-bottom:0px !important;}
.left{float:left !important; }
.right{float:right !important;}



/*------------------------------------------------------------------------*/
/* NEW CSS ADDED AFTER 3/5, ie when Harper went to SXSW*/





.homepagebuttons {
background-color:#414042;
}
.homepagebuttons h2 {
color:#FFF;
}



/* InfoApp Styles */
/* Added by GB 8/11/14 */

#featuresbg img {border:0;}
#featuresbg {display: block;  background: #371a5d; color:#FFFFFF;}
#featuresbg a {color:#FFFFFF; text-decoration:none;}
#featuresbg .featuresimagecredit a {color:grey;}
#featuresbg .featuresimagecredit a:hover {text-decoration:underline;}
#featuresbg h2 {color:#FFFFFF;}
#featuresbg h2 a {color:#FFFFFF; text-decoration:none;}
.featureswrapper {padding: 0 0.7em;}
.featureswrapper h2 {display:none;}
.featuresimagecredit {float: right; margin-top:3px;}
.featuresimagecredit a {color:grey; line-height:1.25em;}
.featurestextwrapper {clear:both; padding-top:0.7em; font-size:16px;}
.featureslearnmore {width:58%; float:left; font-size:1.5em; font-weight:bold; padding-top:10px;}
.featuresarrow {width:38%;float:left;}
.featuresarrowfloat {float:right; padding-right:5%;}

/*News Item Styles*/
#newsitems {margin:0; padding: 0; line-height: normal;}
.newsitemcreated {margin:0; padding:0; }
.newsitemmodified {color:#414042; font-size: 0.8em; }

#newsitems ul {margin:0; padding:0;}
#newsitems li {list-style-type: none; 
}
#newsitems li:hover {background-color:#D1CBCB}
.newsitemdate {
     margin-bottom: 0px; 
    padding: 3px 0px;
    font-size: 12px;
     line-height: inherit; 
   /* margin-top: -8px;*/
}
@media only screen and (min-width: 400px) {.newsitemdate {font-size:14px} }

/*Event Item Styles*/
#eventitems, .eventsfeed {margin:0; padding: 0; line-height: normal;}
#eventitems ul, .eventsfeed ul {margin:0; padding:0;}
#eventitems li, .eventsfeed li {
	list-style-type: none; 
    padding-top: 5px;
    padding-bottom: 5px;
	min-height:65px;
    margin: 0px;
}
#eventitems li:hover, .eventsfeed li:hover {background-color:#D1CBCB}
#eventitems a,  .eventsfeed a {font-szie:15px;}
.calendarDate {
	float: left;
    margin-left: 5px;
    margin-right: 10px;
	}
div.calendarDate {
    font-size:16px;
    /*change calendarIcon size */
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #fff;
    -moz-border-radius: 0.7em;
	border-radius: 0.7em;
    box-shadow: 0 1px 0 #b2b2b2, 0 2px 0 #fff, 0 3px 0 #b2b2b2, 0 4px 0 #fff, 0 5px 0 #b2b2b2, 0 0 0 1px #b2b2b2;
    overflow: hidden;
}
div.calendarDate * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
div.calendarDate strong {
    position: absolute;
    top: 0;
    padding: 2px 0;
    color: #fff;
    background-color: #450084;
    border-bottom: 1px dashed #ddd;
    box-shadow: 0 2px 0 #450084;
}

div.calendarDate span {
    font-size: 1.2em;
    letter-spacing: -0.05em;
    padding-top: 25px;
    color: #2f2f2f;
}




/* LibCal Embed CSS for Library Website Homepage */
/* Added by HH on 7/9/15 */
.s-lc-ea-h3 {display:none;}
#api_upc_cid2025_iid895 ul{ list-style:none; padding:0; margin:0;}
#api_upc_cid2025_iid895 ul li:hover {background-color: #D1CBCB;}
#api_upc_cid2025_iid895 ul li a {font-size: 0.8em; line-height: 1.7142857142857142857142857142857em;}/*Same style as .small*/
.s-lc-ea-date {margin: 0; font-size: 0.7em; line-height: 1.7142857142857142857142857142857em;}/*Same style as .smaller*/
.s-lc-ea-noe {font-size: 0.8em; line-height: 1.7142857142857142857142857142857em;}/*Same style as .small*/


/* Left indent used on Special Collections Finding Aids */
/* Added by GB on 5/9/16 */
.indent {margin:0px 0px 0px 25px; padding:0;}
p .indent {margin:0px 0px 0px 25px; padding:0;}


/* Responsive Youtube embed Code */
/* Added by HH on 3/27/2017*/
.youtube-smallcenter {width:65%; margin:auto;}
.embed-container-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container-youtube iframe, .embed-container-youtube object, .embed-container-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*CODE FOR QUICKSEARCH OFF CAMPUS ACCESS LINKS*/
#QSWidget h2 {float:none;}
#divOffCampusLinks {margin-top:0px;}
#divOffCampusLinks ul{margin:0;padding:0; list-style:none;}
#divOffCampusLinks ul li{padding-right:15px; display:inline-block;}

select#ddlUserTerms {margin-left: 1%;}
@media only screen and (min-width: 1045px) {
	#QSWidget h2 {float:left;}
	#divOffCampusLinks {margin-top:10px;}
	select#ddlUserTerms {margin-left: 1%;}
	}
@media only screen and (min-width: 1399px) {#divOffCampusLinks {margin-top:0px;}}

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

/*------------------------------------*\
    Styles for New Titles Rss Feeds
      (added 3/13/2019 by harper)
\*------------------------------------*/
.type-new_titles li.my_rss_list_item {
	list-style-position: inside;
	margin-bottom:5px;
	padding: 10px;
}
.type-new_titles ul.my_rss_list {
	padding:0;
	margin:0;
}
.type-new_titles ul.my_rss_list li:nth-child(odd) {
    background: #dadada;
    list-style-position: inside;
}
.type-new_titles .my_rss_description {
    padding: 5px;
    padding-left: 20px;
}

.type-new_titles .my_rss_description img {
    float: none!important;
    vertical-align: middle;
}
.type-new_titles .rss-link img {
    width:20px;
}

/*Wordpress Captions */
.wp-caption {
max-width:100%;
}

.wp-caption-text {
	font-size: 14px;
    font-style: italic;
    background-color: #d4d4d4;
    text-align: center;
}

/* == WordPress Core WYSIWYG Editor Styles == */
/* Added back in 8/14/2019 (originally left out, probably captions didn't work - look into*/

.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	float:none;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	clear: both;
	float:none;
	}




/*Tech Classrooms CSS*/
/* Added by HH on 6/13/2019*/
.single-tech_classrooms .gallery-item {padding-right:5px;}
.tax-tc_buildings td.eq-col {font-size: 12px;}
@media only screen and (min-width: 900px) {
.tax-tc_buildings td.eq-col {font-size: 12px;}
.single-tech_classrooms .gallery-item {width:initial !important; padding-right:15px;}
.tax-tc_buildings td.eq-col {font-size: 16px;}
}
.tax-tc_buildings th {font-family: Arial, Helvetica,sans-serif; min-width: 85px !important;}
.tax-tc_buildings #roomtable_filter {text-align: left; margin-bottom: 10px;}
.tax-tc_buildings #roomtable_filter label {font-weight:bold; font-family: Arial, Helvetica,sans-serif;}
@media only screen and (min-width: 767px) { 
.tax-tc_buildings #roomtable_filter {text-align: right;}
}


/* Breadcrumb Style */
/* Added by HH on 6/24/2019*/
.breadcrumb {
 	clear: both;
  	list-style: none;
	/* Old Style commented out
	border: 1px solid #e6e6e6;
    border-left: 10px solid #e6e6e6;
    padding: 3px;
	background-color: #f9f9f9;
	border-radius: 4px;*/
	padding:0px;
	padding-top: 5px;
	background-color: rgba(255,255,255,0.6);
    display: block;
	margin:0;
	font-size: 11px;
	font-family: Arial, Helvetica,sans-serif;
	}
  .breadcrumb .breadcrumb-item {
    display:inline;
    list-style: none; }
    .breadcrumb .breadcrumb-item::after {
      display: inline-block;
      color: black;
      font-weight: normal;
      content: ' >> '; }
    .breadcrumb .breadcrumb-item:last-child::after {
      display: none; }
    .breadcrumb .breadcrumb-item a[aria-current='page'] {
      color: black; }

@media only screen and (max-width: 768px){
.breadcrumb li {display: none !important;}
.breadcrumb li:nth-last-child(2) {display:block !important;}
.breadcrumb .breadcrumb-item::after {
content: none !important;
}
.breadcrumb .breadcrumb-item::before {
content: ' << ' !important;
}
}

/*CSS For News Items added 9/13/2019*/
@media only screen and (min-width: 480px){
.news-search-form {display:inline;}
}


/* Extra padding for small screens added 5/21/20 by HH */
main, .emergency, .breadcrumbs {padding:0 3%;}
.footer {width:100%; margin-left:0 !important; margin-right:0 !important;}
@media only screen and (min-width: 1260px) {
main, .emergency, .breadcrumbs {padding:0;}
.footer {width:98% !important; margin-left:1% !important; margin-right:1% !important;}
}

/* News Article Styles*/
.articlemargin {padding: 0px 8% 0px 5%;}
.type-post img {padding:1%}
.type-post .wp-caption-text {margin-left:1%; margin-right:1%;}
.type-post div {line-height: 1.5em;}
.type-post li {line-height: 1.5em;}
@media only screen and (min-width: 480px) {
	.articlemargin {padding: 0px 8%;}
}
@media only screen and (min-width: 1600px) { 
	.articlemargin {padding: 0px 14%;}
}
/* News Articles - Safari Only: fixes ul & ol wrapping around floated images - another potential fix could be overflow:hidden - remove if this bug is ever sorted out in Safari  */
_::-webkit-full-page-media, _:future, :root .type-post ul, :root .type-post ul {display:table;} 

/* CSS to temporarily hide the Today's Hours Section in the black bar*/
.library_hours, .music_hours {display:none;}


/* CSS to make the slide out chat tab at the bottom look better */   
/* REMOVE this is we change the type of widget or orientation */
/* Main Widget (14037) - Music Widget (18549) - chat is hidden for summer 2021*/
#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 1px !important; left: initial !important; position:fixed;}
#lcs_slide_out-14037 {display:none;}
a#lcs_slide_out_button-14037, a#lcs_slide_out_button-18549 {right: 10px !important; left: initial !important;}
@media only screen and (min-width: 2000px) {#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 10% !important; }}
@media only screen and (min-width: 2500px) {#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 15% !important; }}
@media only screen and (min-width: 3000px) {#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 20% !important; }}
@media only screen and (min-width: 3500px) {#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 25% !important; }}
@media only screen and (min-width: 4000px) {#lcs_slide_out-14037, #lcs_slide_out-18549 {right: 30% !important; }}