/*
Theme Name: labtheme2
Description: a HTML5 and CSS 3 theme!
Author: niuhuifei
Version: 09.10.2024
Tags: grey, red, white, light, two-columns, responsive-design
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author URI: http://hgglab.org
*/


/* overall style */

html, body {height:100%;}
body {font-family: 'PingFang SC','Helvetica Neue',-apple-system,BlinkMacSystemFont,'Microsoft Yahei',sans-serif; font-weight:350;font-size:16px;line-height:1.8;color: #333;margin:0;padding:0;}
.container {max-width: 1200px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position:relative;}

/* general style */

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
h1 {font-size:1.6rem;font-weight:700;font-family: 'Helvetica Neue',-apple-system,BlinkMacSystemFont,'Microsoft Yahei',sans-serif;}
h2 {font-size:1.2em;font-weight:500;line-height:1.4;}
h3 {font-size:1.175em;font-weight:400;line-height:1.125;}
h4 {font-size:1.125em;font-weight:400;}
a {-webkit-transition:color 0.5s ease;-moz-transition:color 0.5s ease;-o-transition:color 0.5s ease;transition:color 0.5s ease;color:#222;text-decoration:none;}
a:hover {text-decoration: underline;}
blockquote {padding: 0;position: relative;margin: 0;}
blockquote p {border-left: 4px solid #CCC;padding:10px 16px;background-color:#f2f2f2;}
pre {box-shadow: 0 0 4px #eee;border:1px solid #cecece;border-left-width: 4px;display:block;white-space: pre-wrap;padding:0.6em;margin:1px 0;border-radius:3px;font-size:0.875em;color:#348275;font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}
pre code {background:transparent;color:#348275;padding:0;margin:0;}
code {display:inline-block;border-radius:3px;padding:0.1em 0.3em;margin:0 0.3em;line-height: 1.2;background-color:#F9F2F4;color:#dd1144;font-size:0.75em;}
kbd {background-color:#F7F7F7;border:1px solid #CCCCCC;border-radius:3px;box-shadow:rgba(0, 0, 0, 0.2) 0 1px 0, #FFFFFF 0 0 0 2px inset;color:#333333;display:inline-block;font-size:0.75em;line-height:1.4;margin:0 0.1em;padding:0.1em 0.6em;text-shadow:#FFFFFF 0 1px 0;}
table {width: 100%;margin-bottom: 20px;border-collapse: collapse;}
thead, thead tr:hover{text-align:left;font-weight:bold;background: #ccddf2;}
th, td {padding:7px 3px;}
thead, tbody {border-bottom:0 solid #ccc;}
tr:nth-child(even) {background: #e2ecf8;}
figure > img {width: auto;height: auto;}
figure > img {width: auto;height: auto;}
figcaption {text-align:center;color:#999;}
address {font-size: 0.875em;}
acronym {border-bottom: 1px dashed #ccc;}
s, strike, del {text-decoration: line-through;}
.wp-caption {margin-bottom: 20px;text-align: center;overflow: hidden;max-width: 528px;height: auto;}
.wp-caption img {border: none;margin: 5px 5px 2px 5px;}
.wp-caption .wp-caption-text {color: #888;font-size: 0.75em;margin: 5px 0 5px 0;}
.alignbottom {position:fixed; bottom:9px;left:0;width:246px;}
img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter,
img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter {margin-bottom: 12px;}
hr {height: 1px; color: #ddd; background-color:#444;margin-bottom:20px;border: 0;}
.clearfix {clear: both;visibility: hidden;margin:0;padding:0;}
.float-right{float:right;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} 
.uppercase {text-transform: uppercase;}
.wp-block-video {text-align: center;}
.wp-block-image {margin:1em 0 0;}

/*header*/

header {margin:0;padding:0;background-color:#383c9c;position:fixed;width:100%;line-height:70px;height:70px;z-index:100;transition: all 0.3s ease;font-size:1.1rem;}
header h1 {margin:0;display:inline-block;}
header h1 img {border:0;width:28px;margin:-3px 8px 0 0;vertical-align: middle;display:none;}
header h1 a {padding:0;display:block;transition:color 0.5s ease;color:#fff;}
header a:hover {color:#43a756;text-decoration: none;}
nav {padding:0;display:inline-block;vertical-align: top;}
nav a {display:inline-block;margin:0;padding:0 15px;text-align:center;vertical-align: top;transition:color 0.3s ease;color:#fff;}
.page-id-27 nav .Research {font-weight: 700;color: #43a756;}
.page-id-30 nav .People {font-weight: 700;color: #43a756;}
.page-id-8 nav .Publications {font-weight: 700;color: #43a756;}
.blog nav .News {font-weight: 700;color: #43a756;}
.page-id-28 nav .Contact {font-weight: 700;color: #43a756;}
#tagline{margin:0 25px;padding:0;display:inline-block;vertical-align: top;position:relative;color:#fff;}
#tagline:before {display:block;content: ''; position: absolute; height: 20px; width: 1px; border-left: 2px solid #fff; left: -15px; top: 25px;transition: all 0.3s ease;}
.searchBtn {display: block;position:absolute;right:0; top:0;padding:0 20px;font-size:1.125em;cursor:pointer;color:#fff;}

/*breadcrumb*/

#breadcrumb {display:block;border-bottom:1px solid #ebebeb;padding:20px 15px;}
#breadcrumb a, #breadcrumb span {position: relative;height:16px;padding:6px;}
#breadcrumb a.homepage {padding:6px 0;}
.home div#breadcrumb {display:none;}

/*feature-images Swiper-slider*/

#photos-g {padding:0;}
.swiper-container {width: 100%;height: 520px;overflow:hidden;}
.swiper-slide {text-align:center;width: 1200px;height: 500px;margin:10px 0;overflow:hidden;}
.swiper-slide img {width:100%;height:100%;position:relative;object-fit:cover;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.swiper-slide:hover img {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.swiper-slide div {position: absolute; bottom: 0; width: 100%; padding-bottom: 5px; line-height: 30px; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.7)); border:0;display: flex; display: -webkit-flex;flex-flow: column nowrap;align-content: flex-start;text-align: center;transition: all 0.5s linear;}
.swiper-slide div a {color:#fff;font-size:1.2em;font-weight:500;}
.swiper-button-prev, .swiper-button-next {color:#fff;display:none;}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {display:block;}
.swiper-container [class^="swiper-button-"]::after{font-size:30px;}
.swiper-slide:not(.swiper-slide-active){opacity: 0.4 !important;}

/*main section*/

main {position: relative;padding-top:70px;}
section {position: relative;margin:0;padding:30px 0;}
.home-section-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.introduction-bg {background:#f2f3f5; background-color: url("/wp-content/themes/labtheme2/images/information_background_image.jpg") no-repeat center center fixed; background-size: cover;}
.photos-bg {background-color:#f2f3f5;}
.information-bg {background-color:#222;}
#introduction h1 {text-align: center;padding:0 0 20px;margin:0;}
#introduction p {padding:10px 0;margin:0;}
#introduction p a {border-bottom:1px dotted #000;text-decoration: none;}
#introduction p a:hover {border-bottom:1px solid #000;}
#news div.container, #photos div.container, #resources div.container, #photos-g div.container {display: flex; display: -webkit-flex; flex-flow: row wrap;align-content: flex-start;justify-content: space-between;}
#news h3, #photos h3, #resources h3 {margin:0 0 30px;padding:0;width:100%;text-align:center;font-size:1.5rem;color:#383c9c;}
#news h3 a, #photos h3 a, #resources h3 a {color:#383c9c;font-weight:bold;}
.recent_posts {display: flex; display: -webkit-flex; flex-flow: row wrap;align-content: flex-start;padding:0;margin:0 0 20px;width:49.5%;background:#fff;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.category-photography-home {width:32.5%;}
.category-resources-home {width:24%;}
.blog-page article h2 {padding:20px 0 10px;}
.blog-page article time {padding:0 0 8px;border-bottom: 1px solid #f3f3f3;}
.recent_posts:hover {box-shadow: 0 1px 8px 5px rgba(0,0,0,.1);cursor: pointer;transition: all 0.1s linear;}
.recent_posts span {width:240px;height:152px;margin:20px 0 20px 20px; overflow: hidden;}
.recent_posts span img {width:100%;height:100%; object-fit: cover;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.recent_posts span:hover img {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.recent_posts div {padding: 0;margin:20px;height:158px;flex:1;overflow: hidden;}
.recent_posts time {width:100%;}
#information img {width:130px;display:inline-block;overflow: hidden;padding:0;opacity: .5;filter: grayscale(100%);}
#information h3 {margin:10px 0;color: #999;}
#information p {color: #999;}
#information div.container {display: flex; display: -webkit-flex; flex-flow: row wrap;align-content: flex-start;align-content: space-between;}
#information div.container span {flex:1 1 auto;margin-top:20px;}
article {position: relative;}
article time {font-size:0.75em;line-height:1.68;color:#777;display:block;clear: both;overflow: hidden;padding: 8px 20px;}
article time a {color:#777;}
article time a:hover {color:#222;}
article h2 {padding: 0;margin:0;}
article h3, .archive h3 {color:#43a756;margin:20px 0;font-weight:bold;}
article p, footer p, article ul, article ol {color:#666;}
article ul, article ol {padding-left: 24px;}
article p a, article ul a, article ol a {border-bottom:1px dotted #aaa;}
article p a:hover, article ul a:hover, article ol a:hover {border-bottom:1px solid #999;color:#000;text-decoration: none;transition: box-shadow .2s linear;box-shadow: inset 0 -18px #ececec;}
article p a.imgnobottom, article p a:hover.imgnobottom {border:none;background:none;}
article a img, article img {max-width: 100%;vertical-align:middle;border:0;text-align:center;}
article ul {list-style:none;}
article ul li::before {content: "• ";color:#3a3a3a;display: inline-block; width: 1em;margin-left: -1em;vertical-align: top;position:relative;}
.img-caption {text-align:center;}
article.category-photography span {width:100%;height:200px;margin:0;padding:0;border:0;}
article.category-photography div {position:absolute;height:30px;margin:0;padding:0;top: 20px; left: 20px;}
article.category-photography div a {color:#fff;font-weight:300;}
.category-video video, category-42 video {width:100%;height:100%;}
article.page {padding:20px 0;}
.category-photography section {display: flex;display: -webkit-flex;flex-flow: row wrap;align-content: flex-start;justify-content: space-between;}
.category-photography section:after {content: ""; width:32.5%;}
.category-photography section h3 {width:100%;}
.category-photography section span {width:100%;height:200px;margin:0;padding:0;border:0;}
.category-photography section div h2 {position:absolute;height:30px;margin:0;padding:0;top: 20px; left: 20px;}
.category-photography section div h2 a {color:#fff;font-weight:300;}
.category-photography section div p {display:none;}
.category-photography section div {height:0;margin:0;padding:0;}
.feature_posts {padding:10px 0;}
article .people-face1 {float: left;width:245px;margin: 6px 20px 0 0;overflow: hidden;display:block;}
article .people-face2 {margin: 0;display:block;}
article .people-description2 {padding:15px;display:block;}
article div.PI {display: flex; display: -webkit-flex; flex-flow: row wrap;align-content: flex-start;}
article div.PI div {flex:100%;margin:10px 0;}
article div.people-member {display: grid;grid-template-columns: repeat(auto-fill, 19%);justify-content: space-between;}
article div.people-member div {width:100%;box-shadow: 0 1px 2px rgba(0,0,0,.1);margin:10px 0;background-color:#fff;}
article div.lab-alumni {display: grid; grid-template-columns: repeat(auto-fill, 16%);justify-content: space-between;}
article div.lab-alumni div {width:100%;margin:10px 0;}
footer {padding:0;margin:0;display:block;position: relative;color:#999;background:#222222;}
footer a {color: #666;}
footer section {padding:30px 0;text-align: center;}
footer p {margin:0;}
footer p span {vertical-align: middle;}
footer p span img {height:18px;width:18px;}
footer div {position:fixed;top:0;right:15px;z-index:110;color:#000;height:70px;line-height:70px;transition: all 0.3s ease;}
footer div span {padding:0 14px;cursor: pointer;transition: color 0.3s ease;color:#fff}
footer div span a {color:#fff;}
footer ul {list-style:none;visibility:hidden;position:absolute;top:52px;right:0; z-index:111;margin:0;padding:0;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;line-height:16px;}
footer ul li {margin:0;width:180px;height:auto;float:left;text-align:center;background:#eee;color:#333;border-right:3px solid #eee;}
footer ul li img {width:100%;}
footer div > span:hover > ul {visibility:visible;opacity:1;transition-delay:0s;}
.search-results article, .archive article {margin:0 0 20px;width:100%;}
.archive article.recent_posts {width:100%;}
.category-photography article.recent_posts {width:32.5%;}
.archive article div, .search-results article div {height:auto;}
.single main section, .archive main section, .search-results main section {padding-top:0;}

/*simple year archive plugin*/
.sya_categories {color:#999;}
.sya_postcontent {display: inline-block;}


/* single post*/

article.singletype {padding:40px 0 20px;}
article.singletype time {padding:0;margin-top:10px;text-align: center;}
article.singletype h2 {text-align: center;font-size:28px;}
.singlegrid {display:grid;grid-template-columns: repeat(20, 5%);margin:20px 0;}
.singlegrid p, .singlegrid ul, .singlegrid h3 {grid-column-start: 4;grid-column-end: 18;}
.singlegrid figure, .singlegrid img {grid-column-start: 4;grid-column-end: 18;justify-self: center;}
.post_tags a {border-radius:2px;padding:0 1px;text-decoration: none;color:#fff;background:#ccc;}
.post_tags a:hover {color:#fff;background:#666;}
.yuanchuang {padding:10px 0;position:relative;display:block;margin:5px 0;color:#999;border-radius:3px;line-height:1.5;text-align:center;grid-column-start: 4;grid-column-end: 18;}
.yuanchuang a {border-bottom:1px dotted #aaa;color:#999;}
.yuanchuang a:hover, article ul a:hover {border-bottom:1px solid #999;background:#eee;color:#000;}
.related {max-width: 1200px;padding: 15px;margin-right: auto;margin-left: auto;position: relative;display:grid;grid-template-columns: repeat(20, 5%);}
.related span {color:#999;}
.related h2 {padding:20px 0;line-height: 1.6;margin:0;grid-column-start: 4;grid-column-end: 18;}
.related p {grid-column-start: 4;grid-column-end: 18;}
.related ul {margin:0;padding:0; list-style:none;grid-column-start: 4;grid-column-end: 18;}
.related ul li{padding:10px 0;border-top:1px solid #eee;}
.related ul li:hover {border-top:1px solid #999;background:#eee;color:#000;}
.related-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;background-color: #f2f3f5;}
.related_tags a {line-height:2.25;color:#999;border-radius:15px;padding:3px 10px;margin-right:2px;text-decoration: none;border:1px solid #999;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.related_tags a:hover {color:#333;border:1px solid #333;}
.related_tags {display:block;padding:30px 0 0;grid-column-start: 4;grid-column-end: 18;}
.media_publish {float:right;}
a.dotGood{padding:0;border:0;width:40px;text-align:left;display:inline-block;cursor: pointer;position:relative;}
a:hover.dotGood {border:0;background-color:#fff;}
a.dotGood.done{color: #333;}
a.dotGood span{position:absolute;display:inline-block;top:0;left:18px;width:auto;}
a.dotGood span:before{content:'+';}
.sharebuttonbox a {width:26px;height:26px;line-height:1.625;border-radius:18px;padding:0;margin-left:5px;display:inline-block;text-align:center;}
.weixin-share {cursor: pointer;}
#openWeixin {display: none;width:200px;padding:10px;height:220px;position:fixed;top:50%;left:50%;z-index:9999;border:1px solid #999;background-color:#fff;transform: translate(-50%, -50%);text-align:center;color:#999;}
.footnotes, .footnote {font-size:0.875em;}
.footnotes hr, .footnote hr {width:40%;float:left;margin-bottom:5px;}
.footnotes ol, .footnote ol {padding-left:20px;clear:both;}
.footnotes ol p, .footnote ol p{padding:0;margin:0;}
.toc {display:block;border:1px solid #ddd;border-radius:3px;background-color:#ffffe0;padding:0 10px;margin:20px 0;}
.toc ul {padding-left:20px;}

/*菜单栏样式*/
.position {width:80%;height:36px;float:left;background:#ececec;}
.position .fa {line-height: 36px;padding: 1px 8px;}

/* 表情字体颜色弹窗样式 */
#smiley {background-color: #fafafa;padding: 1px 3px;position: relative;line-height: 0;}
#smiley img {display: inline-block;padding: 1px;cursor: pointer;}
#smiley::after {position: absolute;top: -5px;left: 8px;width: 0;height: 0;vertical-align: top;border-bottom: 5px solid #fafafa;border-right: 5px solid rgba(0, 0, 0, 0);border-left: 5px solid rgba(0, 0, 0, 0);content: "";}
#fontcolor {height: auto;line-height: 10px;padding: 1px;border: 1px #e0e0e0 solid;z-index: 99999;}
#fontcolor a {display: inline-block;height: 10px;width: 11px;}
#fontcolor::after {border-bottom: 5px solid #1FA3E1;border-left: 5px solid transparent;content: "";border-right: 5px solid transparent;vertical-align: top;height: 0px;width: 0px;left: 82px;top: 108.2px;position: absolute;}

/* footer nav thingy */

.wp-pagenavi{margin:0;padding:10px 0; color: #999;overflow:auto;}
.wp-pagenavi a, .wp-pagenavi a:link {float:left;padding:0;width:28px;height:28px;line-height:28px;display:block;margin: 3px;color: #999;border-radius:15px;border:1px solid #eeeeee;text-align:center;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.wp-pagenavi a:hover {color: #fff;background:#43a756;border:1px solid #43a756;text-decoration: none;}
.wp-pagenavi span.pages {padding: 0;margin:3px;width:28px;height:28px;border-radius:15px;display:block;float:left;text-align:center;line-height:28px;}
.wp-pagenavi span.current {padding:0;margin: 3px;border:1px solid #43a756;color: #fff;background:#43a756;width:28px;height:28px;border-radius:15px;display:block;float:left;text-align:center;line-height:28px;}
.wp-pagenavi span.extend {padding: 0;margin:3px;width:28px;height:28px;border-radius:15px;display:block;float:left;text-align:center;line-height:28px;}

/* links */

#links h2 {padding: 0 0 20px 0;}
#links ul {list-style: none;padding:0; margin:0;overflow:auto;}
#links ul li ul {margin:0 0 20px 0;}
#links ul li ul li {float:left;margin:2px 6px 6px 0;}
#links ul li ul li a {border-radius:15px;padding:4px 8px;text-decoration: none;color:#333;border:1px solid #ebebeb;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
#links ul li ul li a:hover {color:#000;background:#eee;border:1px solid #999;}
#links a img {box-shadow:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;height:14px;}
article#links ul li::before {display:none;}

/* Link finding */

a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/rar.png) no-repeat left center;padding-left:19px;}
a[href$=".xls"]{background:url(images/excel.png) no-repeat left center;padding-left:19px;}
a[href$=".mp3"]{background:url(images/music.png) no-repeat left center;padding-left:19px;}
a[href$=".ppt"]{background:url(images/ppt.png) no-repeat left center;padding-left:19px;}
a[href$=".doc"],a[href$=".docx"]{background:url(images/word.png) no-repeat left center;padding-left:19px;}
a[href$=".pdf"]{background:url(images/pdf.png) no-repeat left center;padding-left:19px;}
a[href^="https://box.net/"],[href^="https://pan.baidu.com/"]{background:url(images/attach.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".zip"],a:hover[href$=".7z"],a:hover[href$=".rar"]{background: url(images/rar.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".xls"]{background: url(images/excel.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".mp3"]{background: url(images/music.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".ppt"]{background: url(images/ppt.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".doc"]{background: url(images/word.png) no-repeat left center;padding-left:19px;}
a:hover[href$=".pdf"]{background: url(images/pdf.png) no-repeat left center;padding-left:19px;}
a:hover[href^="https://box.net/"],[href^="https://pan.baidu.com/"]{background: url(images/attach.png) no-repeat left center;padding-left:19px;}

/* Bottom search and go_top */

#searchform {margin:0;padding:0;position:fixed;left:0;top:0;width:100%;height:70px;line-height:70px;display:none;background-color:#383c93;border:0;z-index:123;text-align:center;}
input[type="text"] {margin:auto;width:35%;border:1px solid #A3BCB6;font-size:1.25em;font-family: Arial,Verdana,'Microsoft YaHei',sans-serif;padding-left:6px;padding-right:30px;border-radius:15px;outline: 0;box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1);}
input[type="submit"] {color:#ccc;position: relative;z-index: 1;left:-33px;top:0;cursor:pointer;font-size:1.25em;font-family: FontAwesome;padding:0 2px;margin:0 -23px 0 0;background:none;border:0;outline: 0;}
#close{position:absolute;right:160px;text-decoration:none;font-size:1.56em;color:#fff;}
#go_top{position:fixed;right:50px;bottom:25px;display: block;overflow:hidden;text-decoration: none;width:40px;height:40px;border-radius:50%;background:#383c93;color:#fff;text-align:center;line-height:40px;}
#go_top:hover {color:#FF5859;border:0;}


/* Gallery page */
h2.imgspost {text-align:center;margin:20px;}
h2.imgspost a {background:#eee;border-radius:15px;padding:8px 10px;}
ul#imgspost {list-style:none;padding:0;margin:0;}
ul#imgspost li {display:inline-block;vertical-align: top;width:22%;margin:0.8%;padding:0.7%;box-shadow:0 0 0 1px #CFCFCF;}
ul#imgspost li span.parent-one {display: block;width: 100%;position: relative;height: 0;padding: 0 0 66.67% 0;}
ul#imgspost li span.child-two {position: absolute;display: block;width:100%;height:100%;left:0;right:0;top:0;bottom:0;}
ul#imgspost li img {display: block;width:100%;height:100%;object-fit: cover;}
ul#imgspost li::before {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (max-width: 899px) {

    section {padding:30px 0;}
	header h1 {position:absolute;left:0;right:0;}
	header h1 a {margin:0 auto;text-align:center;}
	#tagline {display: block; margin:0; padding: 0 15px; height:70px;line-height:70px;width: 22px; color: transparent; cursor: pointer; border:0;position:fixed; left:0; top:0;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:100;transition: all 0.3s ease;}
	#tagline:before {display: block; content: ''; position: relative; height: 3px; width: 22px; border-top: 2px solid #fff; left: 0; top: 29px;transition: all 0.3s ease;border-left: 0px solid #000;}
	#tagline:after {display: block; content: ''; position: relative; height: 3px; width: 22px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; left: 0; top: -41px;transition: all 0.3s ease;}
	nav {display:block;max-height: 0;opacity:0.8;background:#000; line-height: 50px;overflow: hidden; position:absolute;width:100%;z-index:100;-webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out;top:70px;left:0;}
	nav a {display:block;padding: 0;color:#fff;border-bottom:1px solid #777;}
	.recent_posts {width:100%;}
	.category-photography-home {width:100%;}
    .category-resources-home {width:100%;}
	.recent_posts span {width:100%;height:200px;margin:0;overflow: hidden;padding:0;border:0px solid #f3f3f3;}
	.singlegrid {margin:20px 0;}
	.singlegrid p, .singlegrid h3, .singlegrid figure, .singlegrid img, .singlegrid ul {grid-column-start: 1;grid-column-end: 21;}
	.related_tags, .yuanchuang {grid-column-start: 1;grid-column-end: 21;}
	.related h2, .related p, .related ul {grid-column-start: 1;grid-column-end: 21;}
	article.recent_posts div {height: auto;}
	article div.people-member {grid-template-columns: repeat(auto-fill, 32%);}
	article div.lab-alumni {grid-template-columns: repeat(auto-fill, 24%);}
    body.category-photography article div {height:0;margin:0;padding:0;}
	footer div {right:5px;background-color:#1563b4;} 
	#go_top {right:10px;left:auto;bottom:10px;border:0;}
	.open {max-height: 1000px;}
	input[type="text"] {width:60%;}
	#close{right:80px;}
}

@media only screen and (max-width: 539px) { 
    
    section {padding:15px 0;}
	#breadcrumb {display:none;}
    .swiper-container {height: 240px;}
    .swiper-slide {max-width: 600px;height: 240px;margin:0;}
	#news {padding: 15px 0;}
	#news h3, #photos h3, #resources h3 {margin:0 0 15px;font-size:1.3rem;}
	article {padding:0 0 15px 0;}
	article h2 {margin:0;display:block;}
	article time {color:#828a92;padding:5px 15px;}
	article.page {padding:0;}
    article.recent_posts div {margin: 15px;}
    article.category-photography div {position:absolute;height:30px;margin:0;padding:0;top: 15px; left: 15px;}
    body.category-photography div h2 {position:absolute;height:30px;margin:0;padding:0;top: 15px; left: 15px;}
    article .people-face1 {float: none;width:100%;margin:0 0 10px;}
    article .people-description2 {padding:10px;}
	article div.people-member {grid-template-columns: repeat(auto-fill, 100%);}
	article div.lab-alumni {grid-template-columns: repeat(auto-fill, 100%);}
	.recent_posts p {margin:0;padding:0;}
	.rslides_container {margin: 0 0 10px;}
	div.rslides_container h3 {margin:15px 0 0;padding:0 0 0 6px;}
	footer section {padding: 15px 0;}
	.wp-pagenavi{padding:0;}
	.sharebuttonbox{padding-top:5px;}
	#close{right:15px;}
	#fullbanner ul{padding:50% 0 0 0;}
	.category-photography article.recent_posts {width: 100%;}