@charset "UTF-8";
/* CSS Document */


.dialog-off-canvas-main-canvas {
  /*  background: transparent url(https://digitalcollections.union.edu/img/curved-BG.png) center top no-repeat;*/
}
.announcement-section {margin:1em 0;}



svg.svg-inline--fa.fa-calendar-check.fa-w-14.fa-2x {
    margin-right: 10px;
}


body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {margin:0;}
/*preview*/

a {color:#0F4C52;}

h2#location__title {display:none;}

/* prevent Union banner from sticking */
/*.site-header {position:absolute;}*/



/*top section*/

.button--alt, .button--small--alt {
	margin-bottom:1em;
																								
	padding-left:3em;padding-right:3em;
}


.button--alt:before, .button--small--alt:before {
    border: none;
    background-color: #b1ced4;
	display:none!important;
}




.alert {
    position: absolute;
}



section {padding-top:0;}

.fsBody {padding:0!important;}


div#spotlight {
    position: absolute;
    top: 20em;
    padding: 5px;
    display: block;
    background: #0000006e;
    right: 4em;
    font-size: 1rem;;
}
div#spotlight a {
    color:#ffffff;
}

#primo-search label {
    height: 0;
    visibility: hidden;
    display: block;
}

#PrimoContainer h4 {
    margin: 0;
}

/*font awesome lock icon*/
.fa, .fas {
    color: #a4cbce;
}




.union-difference-grid__link:hover {
    transform: translateY(-10px);
    transition: .3s;
}



@keyframes slideIn {
	from {transform:rotateX(-10deg) translateY(100px);}
	to {transform:rotateX(0deg) translateY(0);}
}
@keyframes slideDown {
	from {transform: translateY(-110px);}
	to {transform: translateY(0);}
}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity: 1;}
}
@keyframes fadeOut {
	from {opacity:1;}
	to {opacity: 0;}
}

/*end spotlight*/




/*RIGHT SIDE RAIL - take out of here after linking Rail's own style sheet*/



section.contact {margin-left:1em;}
/*"Schaffer Library" above address*/
.contact h3 {
    margin-bottom: 0;
  
}

/*view in google maps
.contact p a:first-child {
   margin-left:0;
}

.sub-nav__dropdown-list-item--level2 {
    margin-bottom: 0;
}

.alternate-hours {
    margin-bottom: 2em;
	margin-left:1.6em;
}

.alternate-hours table {
    margin-top: -10px;
    margin-bottom: 10px;
}
.alternate-hours table tbody tr td {
    padding: 5px;
}

.contact__social-media {
    margin-bottom: 0;
    padding-top: 0;
	margin-left:1.6em;
}

/*removes original border soley on navigation and puts it on whole right side top section*/




/*this is the "see all offices" link that goes to Union's offices not the library*/
.l-66-33--2 .contact > a {
   display: none;
}


/*decrease padding on side nav bottom items*/
li.sub-nav__dropdown-list-item {
    padding-bottom: 0;
}


/*END RIGHT SIDE RAIL*/


#block-union-theme-breadcrumbs {display:none;}

/*this is the page title - we don't need it for the home page */ 
#block-union-theme-page-title {
    display:none;
}


#PrimoContainer {
	display:table;
    width: 100%;
    margin: 0;
	left:0;
	border: 4px solid #e8eff1;
    padding: 0 1em;
    margin-bottom: 1.5em;
}

#PrimoContainer span.ext {
    display: none;
}

.circleQ {border-radius:100px;background:teal;
padding:1em;}

.primo .hidden {display:none;}

.primo {
   /*background-color: rgb(235, 241, 242);*/
   vertical-align:middle;
   text-align:center;
   color:#ffffff;
   overflow: hidden;
   width:100%;
   margin-bottom:1em;
}

.primo h5 {
    color: #545454;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 1em 1em 0;
}
#ArchivesSearch h5 {
    color: #545454;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 1em 1em 0;
    text-align:center;
}


.primo p {
	margin:0;
	font-size:18px;
}

	
.primo h3 {
    font-family: museo-slab;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
	letter-spacing:0;
	color:#274243;
	padding:10px;
}

button#primo-submit {
    width: 10%;
    height: 40px;
	cursor: pointer;
    background: #822433;
    float: left;
    border: none;
    margin: 0;
	border-radius:0;
}
button#primo-submit:before {
    display: none;
}
button#primo-submit:hover {
    background: #9c2d3f;
}

#PrimoContainer select {
    width: 40%;
    float: left;
    display:none;
	padding: 0 0 0 5px;
    cursor: pointer;
	font-size:1rem;
	padding-left:1em;
	height: 40px;
	font-weight:400;
    border: none;
    /*border-left: 2px solid #dad7d7;*/
	background-color:#e8f1f3;
    background-image: -webkit-linear-gradient(bottom left, transparent 45%, #1a1a1a 0%),-webkit-linear-gradient(top left, #1a1a1a 65%, transparent 0%)/*,-webkit-linear-gradient(left, #ccc, #ccc)*/;
    background-image: -o-linear-gradient(bottom left, transparent 45%, #1a1a1a 0%),-o-linear-gradient(top left, #1a1a1a 65%, transparent 0%)/*,-o-linear-gradient(left, #ccc, #ccc)*/;
    background-image: linear-gradient(to top right, transparent 45%, #1a1a1a 0%),linear-gradient(to bottom right, #1a1a1a 65%, transparent 0%)/*,linear-gradient(to right, #ccc, #ccc)*/;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	border-radius:0;
    background-position: calc(100% - 20px) calc(1em - -4px),calc(100% - 15px) calc(1em - -4px),calc(100% - 2em) .6em;
    background-size: 5px 5px,5px 5px,1px 1.5em;
    background-repeat: no-repeat;
}
	
#PrimoContainer input {
    width: 80%;
    font-weight: 500;
    float: left;
    height: 40px;
    background-image: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	border-radius:0;
    background-color: #ffffff;
    font-size: 1rem;
    border: 2px solid #d3dcde;
}

span.bts.bt-search::before {
    content: "Go";
    color: #ffffff;
}

.primo-after {
    color: #ffffff;
    text-align: left;
    float: left;
    width: 100%;
    height: auto;
}

.primo-after ul {padding-left:0;margin-top:8px;}

.primo-after ul li {
   border-right: 2px solid #e8f1f3;
   padding-right:5px;
	display: inline-block;
}
.primo-after ul li:last-child {
	border-right:none;
}
	
.primo-after ul li a {
    color: #4f6a6b;
	padding:5px;
	border:none;
}
.primo-after ul li a:hover {
    transition: .3s;
}


.ico-mglass {
    position: relative;
    display: inline-block;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    border: 3px solid #fff;
    top: -5px;

}
.ico-mglass:after {
  content: "";
  height: 3px;
  width: 12px;
  background: #fff;
  position: absolute;
  top: 14px;
  left: -9px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}


	

/* Union Difference Grid */

.union-difference-grid__link {border-top:none!important;}
.union-difference-grid__desc {border:none;}
.union-difference-grid__desc li {font-size: .9em;
    line-height: 1.47059em;}
.union-difference-grid__img {display:revert!important;-webkit-box-flex: 1;
    flex: 1;}
.union-difference-grid__block {display:flex;}


/*.field__item:first-of-type section.union-difference .union-difference-grid__block .union-difference-grid__desc p strong {
    color: #9df7ff;
	border-bottom:2px solid #3b878e;
}*/
.field__item:nth-of-type(2) section.union-difference.union-difference-grid__block .union-difference-grid__desc p strong {
    border-bottom:2px solid #82c5d2;
}
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__desc p strong {
    color: #a4ff86;
}


.union-difference {padding-top:0;}

.union-difference h1, .union-difference > .field, .body-section__inner h2 {text-transform:none;font-family:museo-slab, serif;font-weight:500!important;margin-bottom:10px;margin-right:3em;}








/*Featured Collections - must be the first field type in order*/

.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block {
	background-color:#08565c;
	max-height:400px;
}
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block:hover > .union-difference-grid__block .union-difference-grid__img {
	opacity:1;
}



/*title of block*/
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__title {
	color:#ffffff;
	font-family:museo-sans,sans-serif;
}
/*description text*/
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__desc {
	color:#96f7ff;
	font-family:museo-slab, serif;
	height:auto!important;
	padding:1.5em 1.5em 1em 1.5em;
}
/*active link*/
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__cta {
    color: #ffffff;
    font-family: museo-sans, sans-serif;
}

/*image*/
.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block
.union-difference-grid__img {
   opacity: .9;
   /*box-shadow: 0px 20px 20px 0px #08565c inset;*/
   filter: grayscale(50%);
}


.anchor {opacity:0;height:0;width:10px;display:inline;}
.back-to-top {
	float: right;
    display: inline;
    font-family: museo-sans, sans-serif;
    margin-top: -2em;
    right: 4em;
    position: absolute;
}
.back-to-top:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: .5625em;
    height: .5625em;
    border: .1875rem solid #bbbbbb;
    border-width: .1875rem .1875rem 0 0;
    -webkit-transform: translate(1.2em,.65em) rotate(315deg);
	transform: translate(1.2em,.65em) rotate(315deg);
}





/*Catalog Search Box*/


@media screen and (min-width: 951px) {
	#featured li {
		    display: inline-block;
	}	

}



/*Catalog Search Box*/



@media screen and (max-width: 450px) {	
	#PrimoContainer input  {width:100%;height:40px;font-size:.8rem;}
    #PrimoContainer select {width:100%;height:40px;}
	button#primo-submit {width:100%;height:40px;}

	.primo h3 {font-size: 1.5em;}
	
	#block-union-theme-content {padding-bottom:0!important;}
	
}

@media screen and (min-width: 451px) and (max-width: 1000px) {	
	#PrimoContainer input  {width:100%;}
    #PrimoContainer select {width:80%;}
	button#primo-submit {width:20%;}
	
	
}





@media screen and (max-width: 949px) {
	
	        .slide-panel {top:100px;}

			.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__desc {
				padding:1em;
	        }
	
			.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block .union-difference-grid__img {display:none!important;}
	
			.field__item:nth-of-type(2) section.union-difference .union-difference-grid__block .union-difference-grid__title {margin-top:10px;}
	
			.field__item:nth-of-type(1) section.union-difference .union-difference-grid__block {
				height:auto;
	        }
	
			div#spotlight {
			top: 11em;
			}

			ul#featured {padding:1em; }

			.l-66-33--2 {width:100%;float:right;clear:both;}/*right rail*/
			.l-66-33--1 {width:100%;float:left;clear:both;}/*left content, primo search*/  

			#libraryBottomfooter ul li {
			display: inline;
			vertical-align: middle;
			border-right: none;
			padding-left: 0;
			}
			/*hides gov docs icon*/
			#libraryBottomfooter img {display: none;}

			.l-2up {/*instagram and news and events */
			width: 100%!important;
			 }
}




/*Schaffer news, Events & Outreach section*/



.no-border{border:none!important;}





.teaser--featured {
    border-top: .25rem solid #fcee1f;
}

.ILL-button {
    border: 4px solid #ffffff;
    border-radius: 100%;
    padding: 10px;
    max-width: 80px;
    filter: brightness(8);
    box-shadow: 1px 14px 13px -7px #010202;
}
.doors-image {
	float: left;
    margin-bottom:1em;
    border: 8px solid #eaeaea;
}
.button-home {
	padding: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none!important;
    border: none;
    background: #f26641;
    color: #fff;
    width: 100%;
    border-radius:2em;
	margin-bottom:1.5em;
	margin-top:1.5em;
}

/*Search our Archives Form*/

#ArchivesSearch {
	border: 4px solid #e8eff1;
    padding: 1em;
	margin-bottom: 1em;
}

#ArchivesSearch select {
	    background-position: calc(100% - 20px) calc(1em - -4px),calc(100% - 15px) calc(1em - -4px),calc(100% - 2em) .6em;
    outline: 0;
    background-color: #ebf1f2;
    border: .0625rem solid transparent;
    padding: .5em;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(bottom left, transparent 45%, #1a1a1a 0%),-webkit-linear-gradient(top left, #1a1a1a 65%, transparent 0%)/*,-webkit-linear-gradient(left, #ccc, #ccc); */;
    background-repeat: no-repeat;
    background-size: 5px 5px,5px 5px,1px 1.5em;
	margin-bottom:5px;
}
#ArchivesSearch h3 {
	font-family: museo-slab;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #274243;
    padding: 10px;
	padding-top:0;
	text-align:center;
}
#ArchivesSearch input {
    font-weight: 500;
    background-image: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 1rem;
    border: 2px solid #d3dcde;
	margin-bottom:5px;
	margin-top:1em;
}
input#submit_search:hover {
    background-color: #d05061;
}

input#submit_search {
    background-color: #822433;
    cursor: pointer;
    border: none;
    width: 100%;
    transition: .4s;
}


select#limit {
    float: left;
    margin-right: 5px;
}
select#field0 {
    float: left;
    margin-right: 5px;
}
span.inline-label.repeats {
    margin-bottom:-1em;
    float: left;
}
input#from_year0 {
    clear: left;
    float: left;
    margin-right: 5px;
}
input#to_year0 {
    float: left;
}
@media screen and (max-width: 590px) {
	input#to_year0, input#from_year0, select#limit, select#field0 {width:100%;}
}
@media screen and (min-width:591px) {	
	input#to_year0, input#from_year0, select#limit, select#field0 {width:48%;}
}

.specialnews {position:absolute;text-decoration:none;border:none;}

/*modals*/

#cards {text-align:center; font-family:Quicksand,sans-serif;background: #f1f1ff}

.card h1 {color:white;}

.modal-open {
    display: inline-block;
    border-radius: 10px;
    padding: 5px 15px;
    color: #fff;
  cursor:pointer;
  background:#ffffff36;
  font-weight:bold;
  transition:.3s;
}

.modal-label {
    position: relative;
}

.modal-radio {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.modal {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transform: scale(0);
    transition: opacity .25s, transform .25s;
  z-index:99;
}

.modal2{
  transform: scale(0.8) translate(0,-100%);
    transition: transform .35s,opacity .35s;
}

.modal3{
  transform:translate(0,100%) scale(.9);
}

.modal4{
  transform:scale(0) 
}

#modal-open:checked + .modal {
    opacity: 1;
    transform: scale(1);
}

#modal-open2:checked + .modal2{
  transform:scale(1) translate(0,0);
  opacity:1;
}

#modal-open3:checked + .modal3{
  transform:scale(1) translate(0,0);
  opacity:1;
}

#modal-open4:checked + .modal4{
  transform:scale(1) rotate(0deg);
  opacity:1;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

.modal .content {
    position: absolute;
    width: 70%;
    height:100%;
    max-height: 70%;
    top: 10%;
    left: 15%;
    background: #fff;
    box-shadow: 0 3px 15px -2px #222;
    padding: 20px;
  overflow-y:scroll;
}

.close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 20px;
    border-radius: 50%;
    border: 2px solid #f44336;
    cursor: pointer;
}

.close-btn:after,
.close-btn:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background: #f44336;
    left: 15%;
    top: 50%;
    top: calc(50% - 1px);
    transform-origin: 50% 50%;
    transform: rotate(45deg);
}

.close-btn:before {
    transform: rotate(-45deg);
}

.action-btn{
  display:inline-block;
  padding: 10px 20px;
  background:#4caf50;
  color:#fff;
  border-radius:15px;
  cursor:pointer;
}
.green {background-color:#398338;}
.orange {background-color:#f26641;}
.blue {background-color:#33848f;}
.garnet {background-color:#6a1e2b;}

.top {text-align:center;}

.content ul li {
    text-align: left;
    margin-bottom: 1em;
    font-weight: 500;
}
.content img {
    width: 100%;
    border: 1px solid #cccccc;
}



#cards {text-align:center; font-family:sans-serif;background: #f1f1ff}
.card {
    overflow: hidden;
    background: #fff;
    color: #424242;
  display: inline-block;
}
.card h1 {color:white;}

.modal-open {
    display: inline-block;
    color: #fff;
  cursor:pointer;
  font-weight:bold;
  transition:.3s;
    padding: 0 1em;
}
.modal-open:hover {
    transition: .3s;
  text-decoration:underline;
}

.modal-label {
    position: relative;
}

.modal-radio {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.modal {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transform: scale(0);
    transition: opacity .25s, transform .25s;
  z-index:99;
}


#modal-open:checked + .modal {
    opacity: 1;
    transform: scale(1);
}


.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

.modal .content {
    position: absolute;
    width: 70%;
    height:100%;
    max-height: 70%;
    top: 10%;
    left: 15%;
    background: #fff;
    box-shadow: 0 3px 15px -2px #222;
    padding: 20px;
  overflow-y:scroll;
}

.close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 20px;
    border-radius: 50%;
    border: 2px solid #f44336;
    cursor: pointer;
}

.close-btn:after,
.close-btn:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background: #f44336;
    left: 15%;
    top: 50%;
    top: calc(50% - 1px);
    transform-origin: 50% 50%;
    transform: rotate(45deg);
}

.close-btn:before {
    transform: rotate(-45deg);
}

.action-btn{
  display:inline-block;
  padding: 10px 20px;
  background:#4caf50;
  color:#fff;
  border-radius:15px;
  cursor:pointer;
}
.green {background-color:#398338;}
.green:hover {background-color:#53b151;}
.orange {background-color:#f26641;}
.blue {background-color:#33848f;}
.garnet {background-color:#6a1e2b;}

.top {text-align:center;}

.content ul li {
    text-align: left;
    margin-bottom: 1em;
    font-weight: 500;
}
.content img {
    width: 100%;
    border: 1px solid #cccccc;
}

/*ul.sub-nav__list > li.sub-nav__dropdown-list-item:nth-child(6) {
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 7px;
}*/