@charset "utf-8";
/* CSS Document for special template pages like Who to Contact, Collections, etc*/

/* contact page / directory index */
.page-template-page-contact .site-inner,
.page-template-page-research .site-inner,
.page-template-page-collections .site-inner,
.page-template-page-education .site-inner,
.page-template-page-exhibits .site-inner   {
	width: 100%;
	max-width: none;
}


.page-template-page-contact .content,
.page-template-page-research .content,
.page-template-page-collections .content,
.page-template-page-education .content,
.page-template-page-exhibits .content {
	width: 100%;
}
.page-template-page-contact .content .entry,
.page-template-page-research .content .entry,
.page-template-page-collections .content .entry,
.page-template-page-education .content .entry,
.page-template-page-exhibits .content .entry {
	margin-bottom: 0;
}
.page-template-page-contact .content .breadcrumb,
.page-template-page-contact .content .before-entry-block,
.page-template-page-contact .content .colorband-block .content-block,
.page-template-page-contact .content .entry-content,
.page-template-page-research .content .breadcrumb,
.page-template-page-research .content .before-entry-block,
.page-template-page-research .content .colorband-block .content-block,
.page-template-page-research .content .entry-content,
.page-template-page-collections .content .breadcrumb,
.page-template-page-collections .content .before-entry-block,
.page-template-page-collections .content .content-block,
.page-template-page-collections .content .entry-content,
.page-template-page-collections .content .block2,
.page-template-page-education .content .breadcrumb,
.page-template-page-education .content .before-entry-block,
.page-template-page-education .content .content-block,
.page-template-page-education .content .entry-content,
.page-template-page-education .content .block2,
.page-template-page-exhibits .content .breadcrumb,
.page-template-page-exhibits .content .before-entry-block,
.page-template-page-exhibits .content .content-block,
.page-template-page-exhibits .content .entry-content,
.page-template-page-exhibits .content .block2 {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.page-template-page-education .content .block2,
.page-template-page-exhibits .content .block2 {
	margin-top: 8rem;
	margin-bottom: 6rem;
}
.page-template .before-entry-block p.intro {
	margin-top: 3rem;
	margin-bottom: 0;
	font-size: 2.5rem;
	font-family: 'Arbutus Slab', sans-serif;
	line-height: 1.8;
}

.page-template-page-contact .content .before-entry-block {
	margin-top: 3rem;
} 
.page-template-page-research .content article,
.page-template-page-colletions .content article {
	margin: 0;
	padding:0;
}

/* .page-template-page-contact .content .colorband-block,
.page-template-page-research .content .colorband-block, 
.page-template-page-collections .content .colorband-block*/
.page-template .content .colorband-block {
	background: #e9e5de;
	display: block;
	padding: 4rem;
	position: relative;
}

.page-template-page-research .content .colorband-block {
	margin-top: 4rem;
	margin-bottom: 0;
	padding-bottom: 5rem;
}

.page-template-page-collections .content .colorband-block {
	margin-bottom: 4rem;
}
.page-template-page-collections .content .colorband-block .cpblock {
	display: block;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
}


.page-template .colorband-block .one-fourth,
.page-template .colorband-block .one-third,
.page-template-page-collections .content-block .one-half,
.page-template-page-exhibits .content-block .one-fourth,
.page-template-page-education .content-block .one-half
/*.page-template-page-contact .colorband-block .one-fourth */{
	text-align: center;
	float: left;
	display: block;
	/* width: 20%; */
	height: 0;
	padding-bottom: 23.3%;
	margin: 2% 0.75%;
	position: relative;
	vertical-align: middle;
}
.page-template-page-collections .content-block .one-half,
.page-template-page-education .content-block .one-half {
	width: 48%;
	padding-bottom: 24%;
}

.page-template-page-collections .content .colorband-block .cptext {
	padding-bottom: 3%;	
	display: block;
	float:left;
}

.page-template-page-collections .content .colorband-block .cptext a {
	font-size: 2.2rem;
	text-decoration: none;
	font-weight: 500;

}
.page-template-page-research .colorband-block .one-third {
	padding-bottom: 31.85%;
}

/* see https://css-tricks.com/centering-percentage-widthheight-elements/ */
.block2 .boximg,
.colorband-block .boximg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%; 
}

.content-block .boximg .wp-caption-text a,
.colorband-block .wp-caption-text a {
	color: #fff;
	font-weight: 400;
	font-size: 2rem;
	text-transform: uppercase;
	text-decoration: none;
	background-color: rgba(0,0,0,0.7);
	display: table;	
	left: 0;
	top: 0;
  	position: absolute;
	width: 100%;
	height: 100%; 
	padding: 30% 10% 0;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	border: 2px solid #3C7EA1;
}

.page-template-page-exhibits .currexhibit {
	margin: 0 auto;
	padding: 4rem 0 1rem;
	background: #3C7EA1;	
	
}

.page-template-page-exhibits .currexhibit h2,
.page-template-page-exhibits .currexhibit p {
	color: #fff;
}
.page-template-page-education .colorband-block .wp-caption-text a {
	padding-top: 18%;
}
/* .page-template-page-exhibits .colorband-block .wp-caption-text a, */
.page-template-page-exhibits .currexhibit .wp-caption-text a,
.page-template-page-exhibits .block2 .wp-caption-text a, 
.page-template-page-collections .btm-arch .boximg .wp-caption-text a {
	padding-top: 10%;
}
.page-template-page-education .btm-arch .boximg .wp-caption-text a {
	padding-top: 18%;
}

.content-block .boximg .description,
.colorband-block .description {
	font-size: 1.6rem;
	text-transform:none;
}

.content-block .boximg .wp-caption-text a:hover,
.colorband-block .wp-caption-text a:hover {
	cursor: pointer;
	opacity: .8;
	/*color: #c4820e;	font-weight: bold; */
	border: 2px solid #c4820e;

}

/* who to contact section */
.page-template-page-contact .entry-content .who-contact {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;	
	width: 100%;
	float: left;
}

.page-template-page-contact .entry-content span {
	font-weight: bold;
}

.page-template-page-contact .entry-content .one-fourth,
.page-template-page-research .entry-content .one-third {
	margin: 0 .75%;
	height: auto;
	border: none;
}

ul.block2 {
	list-style-type: none;
    margin: 8rem auto;
    padding: 0;
    overflow: hidden;
}

.page-template-page-collections .block2-wrap {
	/* background-color: #ebf5fa; */
	padding: 0rem 0 7rem;
}

.page-template-page-collections ul.block2 {
	margin: 0;
}

.page-template-page-collections-databases-subpage ul.block2 {
	margin: 4rem auto 3rem;
}

.block2 .one-fourth {
	margin-left: 2%;
	margin-right: 0;
	width: 22%;
	text-align: center;
}

.one-fourth a {
	display: block;
}
.page-template-page-exhibits .block2 .one-fourth {
	margin-left: 2.1%;
}


/*dashicons */
.dashicons-search:before,
.dashicons-clipboard:before,
.dashicons-nametag:before,
.dashicons-archive:before,
.dashicons-media-spreadsheet:before,
.dashicons-info:before,
.dashicons-images-alt2:before,
.dashicons-format-gallery:before,
.dashicons-location-alt:before,
.dashicons-index-card:before,
.dashicons-exerpt-view:before {
	display: block;
	color: #3c7ea1;
	-webkit-font-smoothing: antialiased;
	font: normal 48px/1 'dashicons';
	padding-right: 1rem; 
	vertical-align: middle;
}
.dashicons-exerpt-view:before {
	content: "\f164";
}
.dashicons-index-card:before {
  	content: "\f510";
}
.dashicons-location-alt:before {
	content: "\f231";
}
.dashicons-format-gallery:before {
	content: "\f161";
}
.dashicons-images-alt2:before {
	content: "\f233";
}

.dashicons-info:before  {
	content: "\f348";
}

.dashicons-media-spreadsheet:before {
	content: "\f495";	
}

.dashicons-search:before { 
	content: "\f179";
}

.dashicons-clipboard:before {
	content: "\f481";
}

.dashicons-nametag:before{
	content: "\f484";
}

.dashicons-archive:before {
	content: "\f480";
}

.block2 li a {
	font-size: 2rem;
	text-decoration: none;
}
.block2 li a:hover span:before{
		color: #c4820e;
}

.content-block {
	margin: 2rem auto 8rem;
}
/* # Media Queries
---------------------------------------------------------------------------------------------------- */

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

	.page-template-page-contact .content .breadcrumb,
	.page-template-page-contact .content .before-entry-block,
	.page-template-page-research .content .breadcrumb,
	.page-template-page-research .content .before-entry-block,
	.page-template-page-collections .content .breadcrumb,
	.page-template-page-collections .content .before-entry-block,
	.page-template-page-education .content .breadcrumb,
	.page-template-page-education .content .before-entry-block,
	.page-template-page-exhibits .content .breadcrumb,
	.page-template-page-exhibits .content .before-entry-block,
	.page-template-page-exhibits .content .block2 {
		max-width: 1140px;
	}
	
	.page-template-page-contact .content .wp-caption-text a {
		font-size: 1.8rem;
	}
	

}

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

	.page-template-page-contact .content .breadcrumb,
	.page-template-page-contact .content .before-entry-block,
	.page-template-page-research .content .breadcrumb,
	.page-template-page-research .content .before-entry-block,
	.page-template-page-collections .content .breadcrumb,
	.page-template-page-collections .content .before-entry-block,
	.page-template-page-education .content .breadcrumb,
	.page-template-page-education .content .before-entry-block,
	.page-template-page-exhibits .content .breadcrumb,
	.page-template-page-exhibits .content .before-entry-block {
		max-width: 960px;
	}
	
	.page-template-page-exhibits .content .wp-caption-text a {
		font-size: 1.6rem;
	}

}

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

	.page-template-page-contact .content .breadcrumb,
	.page-template-page-contact .content .before-entry-block,
	.page-template-page-research .content .breadcrumb,
	.page-template-page-research .content .before-entry-block,
	.page-template-page-collections .content .breadcrumb,
	.page-template-page-collections .content .before-entry-block,
	.page-template-page-education .content .breadcrumb,
	.page-template-page-education .content .before-entry-block ,
	.page-template-page-exhibits .content .breadcrumb,
	.page-template-page-exhibits .content .before-entry-block {
		max-width: 800px;
	}
	
	.page-template-page-exhibits .content .wp-caption-text a {
		padding-top: 30%;	
	}
	.page-template-page-exhibits .content .wp-caption-text a span {
	 	display: none;
	}

}
@media only screen and (max-width: 860px) {
	.page-template .before-entry-block p.intro {
		font-size: 2rem;
		line-height: 1.5;
	}
	.page-template-page-research .content .colorband-block .one-third {
		width: 31.623931623931625%;
	}
	
	.page-template-page-exhibits .content .one-fourth, 
	.page-template .content .colorband-block .one-fourth {
		width: 22%;
	}
	
	/*.page-template-page-research .content .colorband-block .one-third span, */
	.page-template-page-exhibits .content .one-fourth img, 
	.page-template .content .colorband-block .one-third span, 
	.page-template .content .colorband-block .one-fourth img {
		display: none;
	}
	
	.page-template-page-exhibits .content .wp-caption-text a,
	.page-template .content .colorband-block .wp-caption-text a {
		font-size: 1.6rem;
		padding: 20% 2% 0;
	}
	
	.page-template-page-collections .content .colorband-block .cptext a {
		font-size: 1.5rem;
		line-height: 1;
	}
	
}

@media only screen and (max-width: 700px) {
	
	.page-template-page-collections .content .colorband-block {
		padding-bottom: 2rem;
	}
	
	.page-template-page-collections .content .colorband-block .cpblock {
		padding-bottom: 0;
	}
	
	.page-template-page-collections .block2 .one-fourth, 
	.page-template .content .colorband-block .one-fourth  {
		width: 48%;	
	}
	
	.page-template-page-exhibits .content .one-fourth {
		width: 46%;
	}
	
	.page-template-page-collections .block2 .one-fourth {
		margin-bottom: 3rem;
	}
	.page-template .content .colorband-block .cptext {
		margin-bottom: 10%;
		display: block;
		padding: 2%;
		padding-bottom: 5%;
		line-height: 1.2;
	}
	 .page-template-page-research .content .colorband-block .one-third {
		width: 100%;
	} 
	
	.page-template-page-collections .block2 .one-half img,
	.page-template-page-collections .block2 .one-half .description,
	.page-template-page-education .block2 .one-half img,
	.page-template-page-education .block2 .one-half .description,
	.page-template-page-research .content .colorband-block .one-third img {
		display: none;
	}
	
	/* .page-template-page-contact .content .colorband-block .wp-caption-text a,*/
	.page-template-page-exhibits .content .wp-caption-text a,
	.page-template-page-collections .block2 .wp-caption-text a,
	.page-template-page-education .block2 .wp-caption-text a,
	.page-template .content .colorband-block .wp-caption-text a {
		padding-top: 10%;
		font-size: 1.6rem;
	}
	
	.page-template-page-collections .block2 li a {
		font-size: 1.5rem;	
	}
}

@media only screen and (max-width: 420px) {
	.page-template-page-collections .block2 .one-fourth,
	.page-template-page-collections .block2 .one-half,
	.page-template-page-education .block2 .one-half,
	.page-template .content .colorband-block .one-fourth,
	.page-template-page-exhibits .content .one-fourth {
		width: 100%;
	}
	
	.page-template-page-collections .btm-arch .boximg .wp-caption-text a,
	.page-template-page-collections .content .colorband-block .wp-caption-text a,
	.page-template-page-education .btm-arch .boximg .wp-caption-text a,
	.page-template-page-education .content .block2 .wp-caption-text a,
	.page-template-page-contact .content .colorband-block .wp-caption-text a,
	.page-template-page-exhibits .content .colorband-block .wp-caption-text a,
	.page-template-page-exhibits .content .wp-caption-text a  {
		padding-top: 3%;
		font-size: 1.4rem;
	}

	
}