@charset "utf-8";


/* - - styling masthead - - */
    li.firstItem a:after { display: none; }

   @media (min-width: 992px) {
   /* - - on larger screen, float the search link to the right hand - - */
   .smuTopNav > .nav-collapse > ul.nav .dropdown:last-of-type {
      float: right;
    }
}
   @media (min-width: 768px) {
    #library-navigation {text-align: right}
    }

@media (min-width: 576px) {
.smuLogo img {
	
    max-width: 100%;
    height: 59px;
}
}

@media (max-width: 575px) {
.smuLogo img {
    max-width: 100%;
    height: 37px;
}
}
.search-form-wrapper {display: none}

.smuTopNav > .mini-nav  > .nav > .dropdown:nth-child(2), 
.smuTopNav > .mini-nav  > .nav > .dropdown:nth-child(3) {
    display: none !important;
}

/* - - styling general utility components - - */

.clear {clear: both}

/* - - styling headings - - */

#titleWrapper h1 {text-align: left; margin: 0 15px 22px 15px !important; font-size: 30px}

.departmentName {display: none}

#smuContentWrapper h2, #smuContentWrapper h3, #smuContentWrapper h4 {margin-top: 0}

#smuContentWrapper h2 {font-size: 30px}

/* - - styling images for the IwDL list feature below the mobile breakpoint - - */

@media (max-width: 767px) {

.item img.featured-image {width: auto !important;}

}


/* - - styles reusable box for biographies that appear in sidebars - - */

.biography-box {
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	padding: 15px;
	max-width: 300px;
    margin: 10px 0 20px;
    text-align: center;
}

.biography-box img {
	width: 100%
}


/* - - styles image list - - */


.image-list .item {clear: both; padding: 20px 0; border-top: 1px solid #EEE}
.image-list .item:first-of-type {border-top: 0; padding-top: 0}
.image-list .featured-image {float: left; padding: 0 20px 20px 0; width: 200px}
.image-list .title, .image-list .subtitle {margin-top: 0}

@media (max-width: 600px) {
	.image-list .featured-image {width: 120px}

}

/* - - styles for gray boxes, two column with sidebar - - */
/* - - associated scripts necessary for boxes to load properly - - */

.boxes-two-column .item {background-color: #EFEFEF; padding: 20px; margin: 0 0 30px 0}
.boxes-two-column .item .title, .boxes-two-column .item .subtitle {margin-top: 0}

@media (min-width: 768px) {
   
  .boxes-two-column .item {width: 48%; float: left}
  .boxes-two-column .item:nth-child(odd) {clear: both; margin-right: 3%}
  }

@media (max-width: 767px) {
  
  .boxes-two-column .item {height: auto; margin-bottom: 15px}
}

/* - - styles for gray boxes, three columns with and without sidebar  - - */

.boxes-three-column .item {background-color: #EFEFEF; padding: 20px; margin: 0 0 30px 0}
.boxes-three-column .item .title, .boxes-two-column .item .subtitle {margin-top: 0}
.boxes-three-column .title, .boxes-two-column .title {font-size: 24px}
.boxes-three-column .description, .boxes-two-column .description {line-height: 30px}


@media (min-width: 768px) {
   
  .boxes-three-column .item {width: 31%; float: left; margin-right: 2%}
  .boxes-three-column .item:nth-child(4), .boxes-three-column .item:nth-child(7) {clear: both; margin-right: 2%}
  }

@media (max-width: 767px) {
  
  .boxes-three-column .item {height: auto; margin-bottom: 15px}
}

/* - - styles for gray boxes with images - - */

.image-boxes {
	text-align: center;
}

.image-boxes .featured-image {
	padding-bottom: 15px;
}

/* - - buttons, three across, sidebar - - */

#page-buttons-three-across .fa, #page-buttons-three-across .btn img {
    font-size: 40px;
    display: block;
    float: left;
    margin: -7px 15px 0 0;
}

#page-buttons-three-across .btn {
    margin: 10px 0 0;
    text-align: left;
    height: 64px;
    font-size: 18px;
    vertical-align: middle;
    padding: 17px;
}


@media (min-width: 992px) {

#page-buttons-three-across .btn {
margin: 0 1.98% 20px 0;
width: 32%;
float: left;
}

#page-buttons-three-across .btn-row .btn:last-of-type {
    margin-right: 0 !important;
}
	
/* - - makes buttons taller if they do not have a sidebar - - */
.span12 #page-buttons-three-across .btn {
    height: 80px;
    padding: 27px;
}
}

@media (min-width: 768px) and (max-width: 992px) {
#page-buttons-three-across .btn {
  font-size: 17px;
  text-align: center;
  height: 112px;
margin: 0 1.98% 20px 0;
width: 32%;
float: left;
}

#page-buttons-three-across .btn-row .btn:last-of-type {
    margin-right: 0 !important;
}

#page-buttons-three-across .btn .fa, #page-buttons-three-across .btn img {
  display: inline-block;
  float: none;
  margin: 0 0 10px 0;
  text-align: center;
}

#page-buttons-three-across .btn-text {
  display: block;
}
}

#page-buttons-three-across .btn img {
  display: inline-block;
}

@media (max-width: 767px) {

#page-buttons-three-across .btn-row:last-of-type {
padding-bottom: 20px}
}

/* - - buttons, four across, no sidebar - - */

#page-buttons-four-across .fa, #page-buttons-four-across .btn img {
    font-size: 40px;
    display: block;
    float: left;
    margin: -7px 15px 0 0;
}

#page-buttons-four-across .btn {
    margin: 10px 0 0;
    text-align: left;
    height: 64px;
    font-size: 18px;
    vertical-align: middle;
    padding: 17px;
	white-space: inherit;
}



@media (min-width: 992px) {

#page-buttons-four-across .btn {
    margin: 0 1.98% 20px 0;
    width: 23%;
    float: left;
    height: 116px;
    display: table;
    padding: 0 10px;
}

#page-buttons-four-across .btn span {
    display: table-cell;
    vertical-align: middle;
}

#page-buttons-four-across .btn .fa {
    padding:40px 0 40px 10px
}


#page-buttons-four-across .btn-row .btn:last-of-type {
    margin-right: 0 !important;
}

	#page-buttons-four-across .btn img {
		margin-top: 36px;
	}	
}

@media (min-width: 768px) and (max-width: 992px) {
#page-buttons-four-across .btn {
  font-size: 17px;
  text-align: center;
  height: 112px;
  display: table;
    margin: 0 1.98% 20px 0;
    width: 23%;	
	float: left;
	padding: 0;
}

#page-buttons-four-across .btn span {
    display: table-cell;
    vertical-align: middle;
}

#page-buttons-four-across .btn .fa {
    padding:40px 0 40px 10px
}
	

#page-buttons-four-across .btn-row .btn:last-of-type {
    margin-right: 0 !important;
}

#page-buttons-four-across .btn .fa, #page-buttons-four-across .btn img {
  display: inline-block;
  float: none;
  margin: 0 0 10px 0;
  text-align: center;
}

#page-buttons-four-across .btn-text {
  display: block;
}
}

#page-buttons-four-across .btn img {
  display: inline-block;
}

@media (max-width: 767px) {
	
	#page-buttons-four-across .btn {width: 100%}
	#page-buttons-four-across .btn-row:last-of-type {
	padding-bottom: 20px}
}

/* - - styling common LibCal widgets - - */

.s-la-widget-embed {
border: 1px solid #e3e3e3;
border-radius: 4px;
display: inline-block;
}

#lcs_slide_out-8411 {
	top: 200px !important;
}

@media (max-width: 768px) {
#lcs_slide_out-8411 {
	display: none;
}
}