@charset "utf-8";
/* CSS Document */

.HighlightLinks .item_data_nav .nav-tabs .nav-link{
	color: initial!important;
}

/*************** Hidden Temporarily *************/
/* hiding citation and order tab */
/*#nav-citation-tab{
	display:none;
}
#nav-buy-tab{
	display:none;
}*/

#nav-correction-tab{
	display:none;
}
.headline{
	display:none !important;
}
.prev_item,
.next_item{
	display:none !important;
}
/*************** Hidden Temporarily *************/




@media screen and (min-width: 992px){
.breadcrumb_jumbo .breadcrumb {
    margin-bottom: 20px;
}
}
@media screen and (min-width: 992px){
.stuck .breadcrumb {
    margin-bottom: 0!important;
}
}
.breadcrumb_jumbo .breadcrumb  .breadcrumb-item.active a{
	color:#909090
}
body{
  background: #ededed;
}

@media screen and (min-width:992px){
  .item_layout{
    padding:0 80px;
	margin-top:1%;
  }
}
.item{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
}
.item h4.data_type {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}
.item_layout{
	margin-bottom:40px;
}
#gallery{
  background-color:white;
  padding:20px;
  /*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);*/
}
#gallery .img_wrapper{
	max-width: 600px;
    width: 100%;
    height: 100%;
	max-height:700px;
    display: block;
    margin: 0 auto;
}
#gallery .img_wrapper img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.item_title{
	background-color: white;
    padding: 20px;
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	margin-bottom:.5rem;*/
}
.item_title h4{
	font-size: 20px;
	margin-bottom:0;
}
@media screen and (max-width:992px){
  .item_title{
    margin-top:20px;
  }
}
.item_description{
  color:grey;
}
.thumb_btn{
  background-color: #797979;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  letter-spacing: 2px;
  font-size: 13px;
  border: none;
}
.thumbnails{
  margin-top:20px;
  height:0px;
  padding:10px;
  display:none;
  transition:0.5s;
  overflow-y:auto;
  /* For FireFox https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars*/
  scrollbar-color: #888 #f1f1f1;
  scrollbar-width: thin;

  /* IE */
  scrollbar-base-color: #888;
  scrollbar-face-color: #888;
  scrollbar-3dlight-color: rgba(255, 255, 255, 1);
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #f1f1f1;
  scrollbar-arrow-color: #888;
  scrollbar-shadow-color: rgba(181, 181, 181, 1);
  scrollbar-dark-shadow-color: #000;
}

.thumbnails::-webkit-scrollbar {
  width: 6px;
}

.thumbnails::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.thumbnails::-webkit-scrollbar-thumb {
  background: #888; 
}

.thumbnails::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.thumbnails li{
  width:80px;
  height:90px;
  margin-bottom:5px;
}
.thumbnails li img{
  width:100%;
  height:100%;
  object-fit:contain;
  border:2px solid transparent;
}
.thumbnails li img:hover{
	border:2px solid #bd5410;
}
.extend{
  height:auto;
  max-height: 150px;
  display:block;
  border: 2px solid gainsboro;
  border-radius:0.25rem;
}
.active_img{
	border:2px solid #bd5410 !important;
}


.item_content{
  background-color:white;
  padding:20px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25)
}
.item_data_nav .nav-tabs{
  border-bottom:none;
}
.item_data_nav .nav-tabs .nav-item.show .nav-link,
.item_data_nav .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  border-top: 3px solid #bd5410;
  border-right: none;
  border-left: none;
}
.item_data_nav .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  border-radius: 0;
  width: 200px;
  background-color: #eee;
  border: 1px solid #dee2e6;
  text-align: center;
  /*color: #b4b4b4;*/
  color: #495057;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
@media screen and (max-width:1823px){
  .item_data_nav .nav-tabs .nav-link{
    width: 250px;
  }
}
@media screen and (max-width:425px){
  .item_data_nav .nav-tabs .nav-link{
    width: 100%;
	font-size:12px;
  }
}
.item_data{
  padding:30px 20px;
}
@media screen and (max-width:992px){
  .item_data{
    padding:30px 0;
  }
    .item_data_nav .nav-tabs .nav-link{
    width: 100%;
  }
}
.item_data #nav-home .row{
  padding:20px 0;
  border-bottom: 1px gainsboro;
  border-bottom-style: dashed;
}
.item_data #nav-home .row:last-child{
	border-bottom:none;
}
.item_data h4.data_type{
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:1px;
  font-weight:bold;
}
.citation{
  word-break: break-all;
}
.citation h4{
  font-size:16px;
  text-decoration:underline;
}
.citation p{

  padding-left:15px;
}



.item_preview h4{
  font-size:16px;
  color:#5b5b5b;
}
.item_preview a{
  color: #5b5b5b;
}
.item_preview a:hover{
  text-decoration:none;
}
.item_preview a:hover .preview_card{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card_divider{
  background-color:#c8c8c8;
  height:2px;
  margin:20px 0;
}
.item_preview{
  position:fixed;
  right:2%;
  z-index:2;
  display:none;
}
.preview_card{
  width:300px;
  height:245px;
  background-color:white;
  padding:15px;
  transition: box-shadow 0.6s;
}
.img_wrapper{
  height:130px;
}
.img_wrapper img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.preview_title{
  font-weight:600;
}
.preview_card .preview_description{
  font-size:14px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial!important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media screen and (max-width:1141px){
  .item_preview{
    display:none;
  }
}

.preview_btn{
  height:6rem;
  width:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  top:45%;
  border-radius:0;
  color:white;
  background-color:#fff;
  overflow:hidden;
  z-index:5;
}
.preview_btn:focus{
  box-shadow:none;
}
.preview_btn span{
  border: solid #909090;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 10px;
}
.right_arrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left_arrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.prev_item{
  left:0;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
}
.prev_item:hover{
  border: 1px solid gainsboro;
  border-right: none;
  border-left: none;
  color: white!important;
  box-shadow: -2px 1px 3px 0px rgba(0,0,0,0.25);
}
.next_item{
  right:0;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
}
.next_item:hover{
  border: 1px solid gainsboro;
  border-right: none;
  border-left: none;	
  color: white!important;
  box-shadow: 3px 1px 3px 0px rgba(0,0,0,0.25);
}
.headline{
  overflow:hidden;
  height:6rem;
  position:fixed;
  top:45%;
  display: inline-flex;
  color: #909090;
  background-color: #fff;
  width:22rem;
  z-index:2;
  transition:0.5s;
}
.prev_item_headline{
  left:-22rem;
  box-shadow: -2px 1px 3px 0 rgba(0,0,0,0.25);
}
.next_item_headline{
  right:-22rem;
  box-shadow: 3px 1px 3px 0 rgba(0,0,0,0.25);
}
.headline img{
  height:100%;
  width: auto;
  max-width: 100px;
  object-fit: contain;
}
.headline_text{
  white-space: normal;
  white-space: initial!important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 3.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  width:100%;
}
.headline h6{
  font-size: 14px;
}
.prev_item_headline{
  text-align: left;
  padding-left: 10px;
  border: 1px solid gainsboro;
  border-left: none;
}
.next_item_headline{
  text-align: left;
  padding-right: 10px;
  border: 1px solid gainsboro;
  border-right: none;
}
.prev_item:hover + .headline{
  left:3.1rem;
}
.next_item:hover + .headline{
  right:3.1rem;
}
@media screen and (max-width:768px){
  .preview_btn{
    height: 4rem;
    width: 35px;
  }
  .preview_btn span{
    padding: 7px;
  }
  .headline{
    height: 4rem;
  }
  .next_item:hover + .headline {
    right: 2.2rem;
  }
  .prev_item:hover + .headline {
    left: 2.2rem;
  }
  .headline h6 {
    font-size: 12px;
  }
}
@media screen and (max-width:576px){
  .headline{
    display:none;
  }
}
/*@media screen and (min-width:1141px){
  .preview_btn{
    display:none;
  }
}
*/
#carouselTranscript .carousel-indicators{
  position:relative;
}
#carouselTranscript .carousel-indicators li{
  width:auto;
  height:auto;
  margin:0 5px;
  text-indent: unset;
  opacity:1;
  background-clip: unset;
  border-top: none;
}
.carousel-indicators .active{
  font-weight:bold;
  border-bottom: 2px solid;
}
.order_card{
  display:block;
}
.order_card h3{
  font-size:24px;
  text-decoration:underline;
}
.order_card h4{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:bold;
}
.notice{
  font-size:13px;
  margin-top:30px;
}
.cart_btn{
  border: 2px solid #bd5410;
  color: #bd5410;
  font-size: 14px;
  width: 140px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top:20px;
  transition: 0.3s;
}
.cart_btn:hover{
  color: white!important;
  background-color: #bd5410;
}
.custom_tooltip {
  position: relative;
  display: inline-block;
}

.custom_tooltip .tooltiptext {
  visibility: hidden;

  width: 250px;
  padding:10px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.custom_tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.custom_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.custom_tooltip .tooltiptext h5{
  font-size:14px;
  border-bottom:1px solid 
}
.custom_tooltip .tooltiptext .inner .text{
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
}


/******************* FLOATING IMAGE PREVIEW/SCROLL BACK TO LARGER IMAGE *****************/
.returnToImage{
  position: fixed;
  top: 10%;
  left: 1.5%;
  z-index:50;
}
.float_imgPreview{
  position:absolute;
  max-width: 160px;
  max-height: 100px;
  opacity:0;
  pointer-events: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: opacity 0.8s;
}
.float_imgPreview img{
  max-width: 160px;
  max-height: 100px;
}
.showPreview{
  opacity:1;
  pointer-events: initial;
}
.hide_FloatImg{
	cursor:pointer;
	position:fixed;
	top:6%;
	left:1.5%;
	z-index:50;
	opacity:0;
}
@media screen and (min-width:992px) and (max-width:1024px){
	.hide_FloatImg{
		top:9%;
	}
	.returnToImage{
		top:13%;
	}
}
@media screen and (max-width:992px){
	.hide_FloatImg{
		display:none;
	}
}
.showIcon{
  opacity:1;
  pointer-events: initial;
}
@media screen and (max-width:992px){
  .float_imgPreview{
    display:none;
  }
}


/*************** METADATA *******************************/
#nav-metadata .element-set{
	margin-bottom:30px;
}
#nav-metadata .element-set h2{
	font-size: 1.5rem;
	text-decoration:underline;
}
#nav-metadata .element-set .element{
	margin-bottom:15px;
}
#nav-metadata .element-set .element h3{
	    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}
#nav-metadata .element-set .element-text{
	margin-left:10px;
	word-break:break-word;
}


/**************************** DROPDOWN PAGER FOR ITEMS WITH MULTIPLE IMAGES *********************************/
#dropdown_pager{
	display: inline-flex;
    width: 100%;
	justify-content: flex-end;
	margin-top: 10px;
}
#pageHeader{
	display: flex;
    align-items: center;
}
#dropdown_pager select{
	width:100%;
	max-width:5.5rem;
	margin: 0 6px;
	outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1.5px solid #bd5410;
    border-radius: 0;
    padding-left: 20px;
	padding-bottom:0;
    background-position-x: 60px;
	cursor:pointer;
}
#pageTotal{
	display: flex;
    align-items: center;
}



/************************* COOKIE SETTINGS ****************************/
.highcontrast .item{
	box-shadow:none;
}
.highcontrast .item_title{
	background-color: #2C2C2C;
	box-shadow:none;
}
.highcontrast #gallery{
	background-color: #151515;
	box-shadow:none;
}
.highcontrast .share_options{
	background-color:#2C2C2C;
	box-shadow:none;
}
.highcontrast .item_content{
	background-color: #151515;
	box-shadow:none;
}
.highcontrast .item_data_nav .nav-tabs .nav-item.show .nav-link,
.highcontrast .item_data_nav .nav-tabs .nav-link.active{
	color: #ffffff;
    background-color: #4f4f4f;
    border-color: #000000 #000000 #000;
    border-top: 3px solid #ffc107;
}
.highcontrast .item_data_nav .nav-tabs .nav-link{
	color: #a4a4a4;
	background-color: #4f4f4f;
    border: 1px solid #000000;
}
.highcontrast .download_btn,
.highcontrast .citation_btn{
	background-color: #858585;
    color: white;
    border-color: #858585;
}
.highcontrast .download_btn:hover,
.highcontrast .citation_btn:hover{
	color:#000 !important;
	background-color: #858585;
}
.highcontrast .preview_btn{
	background-color:#2C2C2C;
}
.highcontrast .preview_btn span{
	border-color:#fff;
}
.highcontrast .preview_btn:hover{
	border: 1px solid #2C2C2C;
}
.highcontrast .headline{
	color:#000;
}
.highcontrast #fb_icon a:hover{
  color: #4267B2!important;
}
.highcontrast #twitter_icon a:hover{
  color:#00acee!important;
}
.highcontrast #pinterest_icon a:hover{
  color:#c8232c!important;
}

.fontSizeMedium #nav-metadata .element-set .element h3{
	font-size:16px;
} 
.fontSizeMedium .headline h6{
	font-size:15.5px;
}
.fontSizeMedium .headline_text{
	height:3.9rem;
}
.inverted .item {
    box-shadow: none;
}
.inverted #gallery{
    background-color: #151515;
    box-shadow: none;
}
.inverted .item_title {
    background-color: #2C2C2C;
    box-shadow: none;
}
.inverted .share_options {
    background-color: #2C2C2C;
    box-shadow: none;
}
.inverted .item_content {
    background-color: #151515;
    box-shadow: none;
}
.inverted .item_data_nav .nav-tabs .nav-link{
	background-color: #4f4f4f;
    border: 1px solid #000000;
}
.inverted .item_data_nav .nav-tabs .nav-item.show .nav-link,
.inverted .item_data_nav .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #4f4f4f;
    border-color: #000000 #000000 #000;
    border-top: 3px solid #FF9E66;
}
.inverted .CopyURL_btn{
	border: 2px solid #FF9E66;
	color:#FF9E66;
	background-color: transparent;
}
.inverted .CopyURL_btn:hover{
	background-color:#FF9E66;
	color:#000;
}


.inverted .download_btn,
.inverted .citation_btn{
	border: 2px solid #FF9E66;
}
.inverted .download_btn:hover,
.inverted .citation_btn:hover{
	background-color:#FF9E66;
	color:#000!important;
}
.desaturated .download_btn,
.desaturated .citation_btn{
	background-color: #797979;
	border-color:#797979;
	color:#fff!important;
}
.desaturated .download_btn:hover,
.desaturated .citation_btn:hover{
	background-color:#797979;
	color:#000!important;
}
.inverted .preview_btn{
	background-color:#2C2C2C;
}
.inverted .preview_btn span{
	border-color:#FF9E66;
}
.inverted .preview_btn:hover{
	border: 1px solid #2C2C2C;
}
.desaturated .hide_FloatImg{
	color:#000 !important;
}