/* resources/resources.css */

/* ============= PUBLICATIONS LISTING ============= */

.publication {
	border-top: 1px solid #E6E6E6;
	padding: 20px 0px 20px 0px;
}
.publication h4, .publication p { margin-bottom: 0px; }
.publication h4 { font-weight: 600; }
.publication h4 a { position: relative; display: block; color: #00163D; }
.publication h4 a:after {
	content: "view";
	font-size: 13px; font-weight: 600;
	color: #7E8AA2; text-transform: uppercase;
	position: absolute; top: 0px; right: 0px;
}
.publication h4 a:hover, .publication h4 a:hover:after { color: #E46C0A; text-decoration: none; }

#publication_view #site_title { margin-left: 20px; }
#publication_view #header_content { position: relative; }
#publication_view .close {
	position: absolute; right: 50px; top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-size: 16px; font-weight: 700; text-transform: uppercase;
	display: block;
	padding-right: 25px;
}
#publication_view .close:before, #publication_view .close:after {
	content: "";
	width: 20px; height: 2px; display: block;
	background-color: #E46C0A;
	position: absolute; right: 0px; top: 7px;
}
#publication_view .close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#publication_view .close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.no-touchevents #publication_view .close:hover { color: #FFFFFF; text-decoration: none; }
.no-touchevents #publication_view .close:hover:before, .no-touchevents #publication_view .close:hover:after { background-color: #FFFFFF; }

#publication_view_wrap {
	width: 100%;
	height: calc(100% - 130px);
	background-color: #7E8AA2;
	position: fixed;
	left: 0px; top: 130px;
	right: 0px; bottom: 0px;
}
#publication_view_content {
	width: 1000px; height: 100%;
	margin: 0px auto;
}
#publication_view_frame {
	width: 100%; height: 100%;
	border: 0px;
	background-color: #FFFFFF;
	margin: 0px auto;
}

/* ============= PHOTO GALLERIES LISTING ============= */

#photo_galleries { display: flex; flex-wrap: wrap; }
.gallery { background-color: #F2F2F2; margin-bottom: 40px; }
.gallery .img {}
.gallery .img img { width: 100%; height: auto; display: block; }
.gallery .text { padding: 20px; }
.gallery h3 a { color: #00163D; }
.galleries ul.meta { list-style: none; margin: 0px; }
.galleries ul.meta li { padding: 5px 0px 5px 28px; position: relative; }
.galleries ul.meta li i {
	color: #7E8AA2; font-size: 1.2em;
	position: absolute; left: 0px; top: 6px;
}
.galleries ul.meta li.location i { left: 3px; }

#gallery_single ul.meta { padding: 15px 25px; background-color: #7E8AA2; margin-bottom: 10px; }
#gallery_single ul.meta li, #gallery_single ul.meta li i { color: #FFFFFF; }
#gallery_single ul.meta li a { color: #FFFFFF; }

#gallery_single #feature_img { background-color: #F2F2F2; border: 0px; }
#gallery_single #feature_img .img { padding: 10px; background-color: #FFFFFF; position: relative; }
#gallery_single #feature_img img { width: auto; height: auto; max-height: 500px; max-width: 100%; margin-left: auto; margin-right: auto; }
#gallery_single .slideshow .slick-prev { left: 15px; }
#gallery_single .slideshow .slick-next { right: 15px; }

@media screen and (max-width: 767px) {
	.publication h4 a:after { display: none; }
	#photo_galleries { display: block; }
}

/* ============= PUBLICATIONS VIEW LIST ============= */

ul.publications-view-list { list-style: none; margin: 0px; padding-top: 10px; }
ul.publications-view-list:after { content: ""; display: block; clear: both; }
ul.publications-view-list li {
	color: #E46C0A;
	float: left; margin-right: 20px;
	padding: 10px 15px;
	background-color: #F2F2F2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-touchevents ul.publications-view-list li:hover {
	background-color: #7E8AA2; color: #FFFFFF;
}
.no-touchevents ul.publications-view-list li:hover a,
.no-touchevents ul.publications-view-list li a:hover {
	color: #FFFFFF; text-decoration: none;
}