@charset "utf-8";

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* CSS Document */

body{
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s; /* Firefox < 16 */
	 -ms-animation: fadein 0.5s; /* Internet Explorer */
	  -o-animation: fadein 0.5s; /* Opera < 12.1 */
		 animation: fadein 0.5s;
}

.styleGuideGreen {
	color: #387469;
}

.styleGuideRed {
	color: #7c5e77;
}

.styleGuideRed2 {
	color: #9e4c6e;
}

.styleGuideRed3 {
	color: #b45a65;
}

.styleGuideGrey {
	color: #636968;
}

.styleGuideBlueGrey {
	color: #415866;
}

.styleGuideLightBlue {
	color: #6899ae;
}

.styleGuideLightGreen {
	color: #93b479;
}

.row.no-gutter{
	margin-left:0; margin-right:0;
}

.row.no-gutter div[class*="col"]{
	padding-left:0; padding-right:0;
}

html,
body {
	height: 100%;
	min-height: 100%;
	/* font-family: 'Oswald', sans-serif; */
	font-family: 'Raleway', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*background-color: #F5F5F5;*/
	background-color: #fff;
	color: #333;
	background-size: cover;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: 'Josefin Slab', serif;
	font-weight: bold;
}

.h1, h1{
	font-size:36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.pageContent h1:first-of-type{
	margin-top:0;
}


/* p {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;} */

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

a:hover {
	text-decoration: none!important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

a.clear-style {
	text-decoration: none !important;
	color: inherit !important;
}

.btn {
	border-radius: 0;
}

.btn-primary {
	color: #FFF;
	background-color: #05654e;
	border-color: #05654e;
	line-height: 1.5;
	border-radius: 0;
	font-weight: bold;
	color: #fff!important;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #94b277;
	border-color: #94b277;
}

.squareBtn {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

.filterRow {
	margin: 15px 0;
	text-align: center;
}

.img-responsive {
	width: 100%;
}

.bgLightGrey {
	background-color: #eee;
}

.bgWhite {
	background-color: #fff;
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.pageContent a {
	color: #3A6753;
}

.pageContent a:hover {
	color: #3A6753;
	text-decoration: underline;
}

#social-share{
	margin-bottom:1em;
}

ul>li a.socialShareLink {
	opacity: .85;
	display: block;
	color: #FFF;
	background-color: #DDD;
	text-align: center;
	margin: 0 5px 1px 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 1.3em;
	float: left;
}

ul>li a.socialShareFacebook {
	background-color: #3b5998;
}

ul>li a.socialShareTwitter {
	background-color: #00aced;
}

ul>li a.socialShareGoogle {
	background-color: #dd4b39;
}

ul>li a.socialShareInstagram {
	background-color: #125688;
}

ul>li a.socialShareVine {
	background-color: #00bf8f;
}

ul>li a.socialShareYoutube {
	background-color: #e52d27;
}

ul>li a.socialShareGlobe {
	background-color: #000000;
}

#footerSocial.socialIcons {
	width: 100%;
	display: block;
	height: 40px;
	margin: 20px auto 30px auto;
	text-align: center;
}

#footerSocial.socialIcons ul {
	padding: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
}

#footerSocial.socialIcons ul>li {
	list-style: none;
	display:inline-block;
	width: 33.3%;
}

/* OVERRIDE BC STYLES */

.system-message,
.system-error-message {
	padding: 30px;
}


/* CENTER MODAL */

.modal {
	width: 100%;
	position: fixed;
	text-align: center;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1050;
	background-color: rgba(0, 0, 0, 0.9);
}

.modal_wrapper {
	display: table;
	overflow: auto;
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	text-align: center;
	margin: 0px auto;
}

.modal-dialog {
	margin-top: 0px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px 20px;
	text-align: left;
}

.modal-content {
	border-radius: 0;
}

.modal button.close {
	width: 40px;
	height: 40px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: auto;
	right: 0px;
	opacity: 1;
	color: #FFF;
}

.pageContainer {
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding: 30px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

.nav-pills>li.active>a {
	background-color: #387469;
	color: #fff;
}


/* HEADER & NAV */

header#header {
	border-bottom: 1px solid #DDD;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height:107px;
	display: block;
	z-index: 1000;
	background-color: rgb(255, 255, 255);
}

header#header.bar-active { height: auto; }

header#header #headerTop {
	margin: 15px 0;
	display: none;
}

header#header #headerTop .mainLogo img {
	width: 100px;
	max-width: 100px;
	height: auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header#header #headerTop.hasScrolled img {
	width: 65px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header#header .navbar {
	margin-bottom: 0;
	border: 0 none;
}

header#header .navbar .navbar-nav {}

header#header .navbar .dropdown-menu {
	background-color: #eee;
	box-shadow: none;
	border: none;
}

header#header .navbar .dropdown-menu>li>a {
	color: #3A6753;
	padding: 5px 15px;
}

header#header .navbar .dropdown-menu>li>a:focus,
header#header .navbar .dropdown-menu>li>a:hover {
	color: #387469!important;
	background-color: #fff;
}

header#header .dropdown-menu>.active>a,
header#header .dropdown-menu>.active>a:focus,
header#header .dropdown-menu>.active>a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #DADADA;
	outline: 0;
}

header#header .nav>li>a {
	border-bottom: 0;
	color: #888;
	padding: 8px 6px;
	font-size: 13px;
}

header#header .nav>li>a:focus,
header#header .nav>li>a:hover,
header#header .nav>li>a:active,
header#header .nav>li.active>a {
	background-color: #EEEEEE;
	color: #3A6753;
	border-bottom: 0;
}

header#header .navbar-static-top {
	z-index: 1000;
	border-width: 0;
	padding-right: 0;
}

header#header .navbar .nav .open>a,
header#header .navbar .nav .open>a:focus,
header#header .navbar .nav .open>a:hover {
	background-color: #eee;
}

header#header .navbar-toggle .icon-bar {
	background-color: #000;
}

header#header a.navbar-brand {
	width: 70px;
	padding: 0px;
	height: 50px;
}

header#header a.navbar-brand>img {
	width: auto;
	height: 100%;
}

header#header .nav>li>a.socialIcon {
	padding: 30px 5px!important;
	font-size: 15px;
	border: 0;
}

header#header .nav>li>a.socialIcon:hover {
	border: 0;
}


/* FOOTER */

footer {
	padding: 50px 0 40px;
	display: block;
	border-top: 1px solid #eee;
	background-color: #fff;
	color: #888;
	position: relative;
}

footer .nav {
	display: inline-block;
}

footer .nav a {
	color: #666;
}

footer .nav>li>a {
	position: relative;
	display: block;
	padding: 5px 0px;
	color: #666;
	padding: 10px;
	font-size: 12px;
}

footer .footerSecondNav .nav>li>a {
	font-size: 12px;
}

footer .nav>li>a:focus,
footer .nav>li>a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
	color: #000;
}

footer .nav>li>ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0 5px;
	font-size: .8em;
}

footer .footerLogos {
	text-align: center;
	display: block;
	margin: 30px 0;
}

footer .footerLogos a {
	display: inline-block;
	margin: 20px;
	height: 30px;
}

footer .footerLogos img {
	height: 100%;
	width: auto;
	display: block;
}

footer .subscribe {
	margin-top: 10px;
}

footer .subscribe small {
	line-height: 30px;
}

footer .socialIcons {
	width: 100%;
	display: block;
	clear: both;
	margin: 30px 0;
	height: 45px;
	text-align: center;
}

footer .socialIcons ul {
	padding: 0;
	display: inline-block;
}

footer .socialIcons ul>li {
	list-style: none;
	display: inline-block;
}

footer .socialIcons ul>li a {
	opacity: .85;
	display: block;
	color: #000;
	text-align: center;
	margin: 0 5px 1px 0;
	width: 55px;
	height: 55px;
	line-height: 52px;
	font-size: 1.5em;
	float: left;
	border-radius: 100px;
	padding: 0;
	border: 2px solid #272727;
	background-color: #fff;
}

footer .socialIcons ul>li a:hover {
	border-color: #000;
	color: #000;
}

footer .socialIcons ul>li a.socialShareFacebook:hover {
	background-color: #3b5998;
	border-color: #3b5998
}

footer .socialIcons ul>li a.socialShareTwitter:hover {
	background-color: #00aced;
	border-color: #00aced;
}

footer .socialIcons ul>li a.socialShareGooglePlus:hover {
	background-color: #dd4b39;
	border-color: #dd4b39;
}

footer .socialIcons ul>li a.socialShareInstagram:hover {
	background-color: #517fa4;
	border-color: #517fa4;
}

footer .socialIcons ul>li a.socialSharePinterest:hover {
	background-color: #cb2027;
	border-color: #cb2027;
}

footer .socialIcons ul>li a:hover {
	opacity: 1;
}


/* HERO */

section#hero {
	padding: 0;
	height: 25%;
	max-height: 600px;
	background-size: cover!important;
	margin: 0;
	line-height: 0;
	box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.46) inset;
}

section#hero .col-xs-12 {
	height: 100%;
}

section#hero .heroItem {
	display: block;
	background;
	height: 100%;
}

section#hero .heroItem img.heroItemImage {
	float: left;
	width: 60%;
}

section#hero .heroItem .heroItemTitle {
	float: left;
	width: 40%;
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

section#hero .heroItem .heroItemTitle h2 {
	color: #fff;
	font-size: 58px;
	margin-top: -24px;
}

section#hero .carousel {
	position: relative;
	height: 100%;
}

section#hero .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

#hero .carousel .item {
	height: 100%;
}

#hero .carousel .item a {
	width: 100%;
	display: block;
	background: #000 no-repeat center center;
	background-size: cover;
	height: 100%;
}

#hero .carousel-inner a {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

#hero .carousel {
	position: relative;
	height: 100%;
}

#hero .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
	z-index: 2;
}


/* INFO STRIP */

section#infoStrip {
	background-color: #387469;
	color: #FFF;
	padding: 5rem 0 20px;
	background: #387469;
	background-image: none;
}

section#infoStrip h1 {
	margin: 0 0 25px;
}

section#infoStrip .lead {
	color: #BCD6D1;
	font-size: 16px;
	line-height: 20px;
}

section#infoStrip a.btn-primary {
	background-color: #C4DAD6;
	color: #387469;
	border-color: #C4DAD6;
	margin-bottom: 15px;
}

section#infoStrip a.btn-primary:hover {
	background-color: #fff;
	color: #387469;
	border-color: #fff;
}


/* TWITTER BUBBLE */

section#infoStrip .twitterContainer {
	margin-top: 0;
}

.twitterContainer {
    position: relative;
    padding-bottom:65px;
}

.twitterContainer .tweetBox {
	width: 100%;
	display: block;
	padding: 30px;
	text-align: center;
	background-color: #fff;
	color: #387469;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.35);
	border-radius: 4px;
}

.twitterContainer .tweetBox .arrow {
	content: "";
	position: absolute;
	border-bottom: 0px solid #FFF;
	border-top: 14px solid #FFF;
	border-right: 14px solid rgba(255, 255, 255, 0);
	border-left: 14px solid rgba(255, 255, 255, 0);
	margin-left: -14px;
	bottom: -14px;
	left: 10%;
}

.twitterContainer a.tweetIcon {
	width: 45px;
	color: #fff;
	background-color: #69D2E7;
	display: inline-block;
	border-radius: 4px;
	font-size: 30px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	margin-top: 25px;
	border-top: 2px solid rgb(105, 210, 231);
    border-bottom: 2px solid rgb(56, 133, 148);
    position: absolute;
    left:15px;
    bottom:0;
}

.twitterContainer a.facebook-icon {
	width: 45px;
	color: #fff;
	background-color: #3b5998;
	display: inline-block;
	border-radius: 4px;
	font-size: 30px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	margin-top: 25px;
	border-top: 2px solid #3b5998;
    border-bottom: 2px solid #3b5998;
    position: absolute;
    right:15px;
    bottom:0;
}

.tweetBox .tweet .tweetContent{
    font-size:14px;
}

.tweetBox .tweet .tweet-date {
	font-size: 11px;
	color: #333;
	margin-bottom: 0;
}

.twitterContainer a.tweetIcon:hover {
	border-top-color: #388594;
	border-bottom-color: #69D2E7;
}

.twitterContainer a.facebook-icon:hover {
	border-top-color: #4e71ba;
	border-bottom-color: #2f477a;
}

.twitterContainer .tweetBox #twitterfeed p {
	overflow: hidden;
}


/* HOME CONTENT */

#home-page-banners {
	background-color: #38746a;
	position: relative;
}

#home-page-banners > .container {
	position: relative;
}

#home-page-banners .swiper-button-next,
#home-page-banners .swiper-container-rtl .swiper-button-prev,
#home-page-banners .swiper-button-prev,
#home-page-banners .swiper-container-rtl .swiper-button-next {
	color: #fff;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left:30px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right:30px;
}

#home-page-banners .swiper-pagination-bullet-active {
	background-color: #fff;
}

#home-page-banners .swiper-pagination{
	bottom:5%;
	left:50%;
	transform: translateX(-50%);
}

#home-page-banners .swiper-slide > a{
	display:block;
}

#home-page-banners .swiper-pagination-bullet:not(:last-child){
	margin-right:5px;
}

#homeBody {
	padding: 20px 0 50px;
	background-color: #eee;
}

#homeBody h1 {
	margin: 0;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #415866;
	font-size: 28px;
	padding: 15px;
	border-bottom: 1px solid #fff;
}

.home #intro {
	padding-top: 1.5em;
}

#home-reserach {
	margin-bottom: 1.5em;
}

#research-search{
	margin-top:25px;
	margin-bottom:20px;
}

/* THEME ITEMS */

.themes {
	margin-top: 0px;
}

.themeThumbsContainer .row {
	margin: 0;
}

.themeThumbsContainer .themeItem a {
	display: block;
	background-color: #47819A;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	background-size: 180px;
	background-position: right top;
	background-repeat: no-repeat;
}

.themeThumbsContainer .themeItem.themeRow a {
	background-color: #4C7A8E;
}

.themeThumbsContainer .themeItem.themeRow_alternative a {
	background-color: #47819A;
}

.themeThumbsContainer .themeItem a:hover {
	background-color: #6899ae;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.themeThumbsContainer .themeItem a .themeItemImage {
	width: 30%;
	float: left;
	display: block;
}

.themeThumbsContainer .themeItem a .themeItemImage img {
	width: 100%;
	height: auto;
	display: block;
}

.themeThumbsContainer .themeItem {
	margin-bottom: 1px;
	font-family: 'Josefin Slab', serif;
	font-weight: bold;
	position: relative;
}

.themeThumbsContainer .themeItemText {
	padding: 10px;
	color: #fff;
	position: absolute;
	left: 30%;
	right: 0;
	top: auto;
	bottom: 0;
}

.themeThumbsContainer .themeItemText .featureThemeNumber {
	font-size: 10px;
}

.themeThumbsContainer .themeItemText .featureTitle {
	font-size: 13px;
	line-height: 15px;
}


/* PAGE */

#themeHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #415866 no-repeat top right;
	background-size: 450px;
}

#themes {
	background-color: #eee;
	padding: 50px 0;
	z-index: 0;
}

#projects{
	padding: 50px 0;
	z-index: 0;
}

#projects .projectList{
	margin-top:3em;
}

#themes .pageContainer {
	background-color: #fff;
	padding: 40px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

#themes .pageTitle h1 {
	margin: 0 0 20px;
}

#themes .pageContent img {
	width: 100%;
	height: auto;
}

#themes .pageContent p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
}

#themes .pageImage img {
	width: 100%;
	height: auto;
}

#themes ul.themeSideNav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#themes ul.themeSideNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#themes ul.themeSideNav li a {
	padding: 8px 12px;
	background-color: #273842;
	display: block;
	margin-bottom: 1px;
	width: 100%;
	color: #fff;
	font-size: 14px;
}

#themes ul.themeSideNav li a:hover {
	background-color: #6899ae;
}

#themes ul.themeSideNav li a span.themeNumber {
	font-size: 11px;
}

#themes .rightColTitle {
	display: block;
	background-color: #9e4c6e;
	font-size: 14px;
	color: #fff;
	padding: 10px 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .8px;
}

#themes .rightColPeopleItems {
	display: block;
	margin-bottom: 20px;
}

#themes .newsSideBox{
	margin-bottom: 20px;
}

#themes .rightColPeopleItems .peopleItem {
	background-color: #fff;
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #eeeeee;
}

#themes .rightColPeopleItems .peopleItem a {
	display: block;
	background-color: #fff;
}

#themes .rightColPeopleItems .peopleItem a:hover {
	background-color: #f1f1f1;
	cursor: pointer;
}

#themes .rightColPeopleItems .peopleItem a .peopleItemPhoto {
	width: 17%;
	max-height:73px;
	overflow: hidden;
	float: left;
	margin-right: 3%;
}

#themes .rightColPeopleItems .peopleItem a .peopleItemPhoto img {
	width: 100%;
	height: auto;
}

#themes .rightColPeopleItems .peopleItem a .peopleItemInfo {
	float: right;
	width: 80%;
}

#themes .rightColPeopleItems .peopleItem a .peopleItemInfo .peopleItemPosition {
	color: rgb(125, 125, 125);
	margin-top: 0px;
	font-size: 12px;
}

#themes .rightColPeopleItems .peopleItem a .peopleItemInfo .peopleItemName {
	margin-top: 7px;
}

#themes .rightColPublications {
	background-color: #fff;
	margin-bottom: 20px;
}

.pubitemList{
	margin-top:10px;
}

#themes .rightColPublications .publicationListItem a {
	padding: 10px 12px;
	font-size: 13px;
	display: block;
	
}

#themes .rightColPublications .publicationListItem:last-child{
	border-bottom:0 none;
}

#themes .rightColPublications .publicationListItem a:hover {
	background-color: #f1f1f1;
}

#themes .rightColPublications .publicationListItem a .glyphicon {
	font-size: 20px;
	float: left;
	margin: 0 5px 5px;
	position: relative;
	top:-2px;
}

#themes .rightColPartners {
	background-color: #fff;
}

#themes .rightColPartners .partnerLogo {
	width: 50%;
	display: block;
	height: 100px;
	float: left;
	padding: 20px 10px;
	background-color: #fff;
	text-align: center;
}

#themes .rightColPartners .partnerLogo img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 200px;
}

#themes .rightColPartners .partnerLogo a {
	display: block;
}

#themes.project-page .pageContainer{
	padding:20px 30px 30px 30px;
}

#themes .pageContainer .pageTitle h3{
	margin-top:0;
	font-size:21px;
}

.theme-item{
	border-bottom:1px solid #eee;
	padding-bottom:25px;
	margin-bottom:25px;
}

#page .pageContent .theme-item a.aimg{
	display: block;
}

.theme-item:hover{
	cursor: pointer;
	background-color:#f7f7f7;
}

.theme-item:last-child{
	border-bottom:0 none;
}

.theme-item h2{
	margin-top:0;
}

.theme-intro{
	margin-top:15px;
}

/* MAILCHIMP */

#mc_embed_signup{
	background:#fff;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
}

/* NEWS ITEMS */

.news {

}

.news .btn-primary {
	color: #FFF;
	background-color: #9E4C6E;
	border-color: #9E4C6E;
	line-height: 1.5;
	border-radius: 0;
	font-weight: bold;
}

.news .btn-primary.active,
.news .btn-primary.focus,
.news .btn-primary:active,
.news .btn-primary:focus,
.news .btn-primary:hover,
.news .open>.dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #7C5E77;
	border-color: #7C5E77;
}

a.newsItem {
	display: block;
}

a.newsItem .newsItemImage {
	width: 27%;
	max-height:140px;
	overflow:hidden;
	float: left;
}

a.newsItem .newsItemImage img {
	width: 100%;
	height: auto;
}

a.newsItem .newsType {
	font-size: 11px;
	padding: 4px 6px;
	border-radius: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

a.newsItem .newsType.mediaRelease {
	background-color: #9e4c6e;
}

a.newsItem .newsType.earlyView {
	background-color: #2aa50e;
}

a.newsItem .newsType.blog {
	background-color: #457cde;
}

a.newsItem .newsItemSummary {
	width: 70%;
	float: right;
}

a.newsItem .newsItemSummary.no-image{
	width:100%;
	float:none;
}

a.newsItem .newsItemSummary h3 {
	color: #9e4c6e;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}

a.newsItem .newsItemSummary .date {
	font-size: 11px;
	color: #b45a65;
	margin: 4px 0 10px 0;
	font-style: italic;
}

a.newsItem .newsItemSummary p {
	font-size: 12px;
	color: #666;
	margin-bottom: 0;
	display: block;
}

a.newsItem hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

a.newsItem:hover .newsItemSummary h3 {
	color: #9e4c6e;
}

.newsSideBox {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

.newsSideBox .box-content {
    padding: 20px;
    background: white;
}


/* News Detail */

#newsHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #7c5e77 url('/Media/img/headerBG_etchings.png') no-repeat top center;
	background-size: cover;
}

#news {
	background-color: #eee;
	padding: 50px 0;
	z-index: 0;
}

#news .pageContainer {
	background-color: #fff;
	padding:30px 40px 40px 40px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

#news .pageTitle h1 {
	margin: 0 0 20px;
}

#news .pageContent img {
	width: 100%;
	height: auto;
}

#news .pageContent p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
}

#news .pageContent a {
	color: #3A6753;
}

#news .pageImage img {
	width: 100%!important;
	height: auto!important;
}

.titleBar {
	background-color: #9e4c6e;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:1em;
}

.titleBar.title-bar-blue{
	background-color:#415866;
}

.titleBar.title-bar-green{
	background-color:#387469;
}

.newsSideBox .titleBar{
	margin-bottom:0;
}

.newsSideBox .contents{
	background-color: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
} 

.newsSideBox ul.newsSideNav {
	margin: 0 0 15px;
	padding: 0px;
	list-style: none;

}

.newsSideBox .contents .footer-bar{
	border-top:0 none;
	padding-top:0;
}

.video-detail .newsSideBox ul.newsSideNav{
	box-shadow: none;
}

.newsSideBox ul.newsSideNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.newsSideBox ul.newsSideNav li a {
	padding: 8px 12px;
	background-color: #fff;
	display: block;
	margin-bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
}

.newsSideBox ul.newsSideNav li a.newsItem {
	padding: 10px;
	border-bottom: 1px solid #F5EAF3;
}

.newsSideBox ul.newsSideNav li a:hover {
	background-color: #F5EAF3;
}

.newsSideBox ul.newsSideNav li a span.themeNumber {
	font-size: 11px;
}

#news ul.newsList {
	margin: 0;
	padding: 0px;
	list-style: none;
	/* background-color: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19); */
}

#news ul.newsList li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#news ul.newsList li a {
	padding: 8px 12px;
	background-color: #fff;
	display: block;
	margin-bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
}

#news ul.newsList li a h3 {
	font-size: 26px;
	line-height: 1.125em;
}

#news ul.newsList li a p {
	font-size: 13px;
	line-height: 18px;
}

#news ul.newsList li a.newsItem {
	padding: 20px 10px;
	border-bottom: 1px solid #F5EAF3;
}

#news ul.newsList li a:hover {
	background-color: #F5EAF3;
}

#news ul.newsList li a span.themeNumber {
	font-size: 11px;
}


/* HOME FEATURES */

.view-more-section{
	color:#9e4c6e;
	font-size:16px;
	font-weight: bold;
}


/* PAGE HEADER */

#pageHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #387469 url('/Media/img/headerBG_etchings.png') no-repeat top center;
	background-size: cover;
}


/* PAGE */

#page {
	background-color: #eee;
	padding: 30px 0;
	z-index: 0;
}

#page .pageContent {
	background-color: #fff;
	padding: 40px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
	position: relative;
}

body.publication #page .pageContent{
	box-shadow: none;
	padding:0;
	background:transparent;
}

#page .pageTitle h1 {
	margin: 0 0 20px;
}

#page.video-detail .pageTitle h1{
	margin-bottom:7px;
}

#page .pageContent img {
	width: 100%;
	height: auto;
}



#page .pageContent p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
}

#page .pageContent a {
	color: #3A6753;
	font-weight: 600;
}

.pageContainer .pageContent a {
    font-weight: 600;
	text-decoration: underline;
}

#page .pageContent .footer-bar a{
	color:#fff;
}

#page .pageContent .footer-bar a:hover{
	color:#fff;
	text-decoration: underline;
}

/* PLACES */

#places{
	background-color: #eee;
	padding: 50px 0;
	z-index: 0;
}

#place-listing,
#topic-listing{
	margin-top:50px;
}

.placeItem{
	display:block;
	margin-bottom:30px;
}

.placeItem p{
	color:#333;
}

.placeItem h3 {
	display:block;
	height:47px;
	overflow: hidden;
	color: #9e4c6e;
	margin-top: 15px;
	font-size: 21px;
}

.placeItem .placeItemInfo >div{
	display:block;
	height:80px;
	white-space: wrap;
 	overflow: hidden;
  	text-overflow: ellipsis;
}

.placeImage{
	margin-bottom:20px;
}

/* PEOPLE */

#peopleHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #b45a65 url('/Media/img/headerBG_etchings.png') no-repeat top center;
	background-size: cover;
}

#people {
	background-color: #eee;
	padding: 50px 0;
	z-index: 0;
}

#people .pageContent {
	background-color: #fff;
	padding: 20px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

#people .pageTitle h1 {
	margin: 0 0 20px;
}

#people .pageContent img {
	width: 100%;
	height: auto;
}

#people .pageContent a {
	color: #3A6753;
}

#people .pageContent .peopleItem {
	margin-bottom: 30px;
}

#people .pageContent .peopleItem a {
	position: relative;
	display: block;
	max-height: 300px;
	overflow: hidden;
}

#people .pageContent .peopleItem a .peopleItemPhoto img {
	width: 100%;
	height: auto;
}

#people .pageContent .peopleItem a .peopleItemInfo {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	top: auto;
	width: 100%;
	padding: 10px;
	background: rgba(180, 90, 101, 0.83);
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#people .pageContent .peopleItem a .peopleItemInfo .peopleItemName {
	font-weight: bold;
	margin: 5px 0;
	font-size: 12px;
	line-height: 14px;
}

#people .pageContent .peopleItem a .peopleItemInfo .peopleItemPosition {
	margin: 5px 0 0;
	font-size: 10px;
	line-height: 12px;
}

#people .pageContent .peopleItem a:hover .peopleItemInfo {
	background: #B45A65;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Person */
.uni-logos{
	margin-top:1em;
}


/* PROJECTS */

#projectHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #387469 no-repeat top right;
	background-image: url('/Media/img/headerBG_etchings.png?Action=thumbnail&height=450');
	background-size: cover;
}

.projectList .projectListSectionTitle {
	background-color: #387469;
	padding: 6px 10px;
	color: #fff;
	font-size: 18px;
	margin: 40px 0 25px;
}

.section-title {
	background-color: #387469;
	padding: 10px;
	color: #fff;
	font-size: 22px;
	margin: 40px 0 25px;
}

.section-title.blue-title{
	background-color: #415866;
}

.section-title h2 {
	color: #fff;
	font-size: 22px;
	margin:0;
}

a.projectItem {
	width: 100%;
	display: block;
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

a.projectItem img {
	width: 20%!important;
	display: block;
	float: left;
}

a.projectItem .projectItemInfo {
	width: 80%;
	display: block;
	float: left;
	padding: 0 0 0 20px;
}

a.projectItem .projectItemInfo h3 {
	margin-top: 0;
}

a.projectItem .projectItemInfo h5 {}

a.projectItem .projectItemInfo small {}


/* project sidebar item */
.project-sidebar-listing{
	margin-bottom:20px;
}

.project-sidebar-listing .titleBar{
	margin-bottom:0;
}

.project-sidebar-listing .project-item{
	border:1px solid #eee;
}

.project-sidebar-listing .project-item a{
	display:block;
}

#page .pageContent .project-sidebar-listing .project-item a img{
	display:block;
	width: 100%;
}

.project-sidebar-listing .project-item a.piai-link{
	padding:10px 15px 0 15px;
}

.project-sidebar-listing .project-item:last-child a.piai-link{
	padding-bottom:7px;
}

.project-item a.piai-link span{
	display:block;
}

.project-item a.piai-link span:first-child{
	font-size:12px;
	line-height:1.2em;
	color:#000;
}

.project-item a.piai-link span:last-child{
	font-size:12px;
	margin-top:4px;
}


.project-sidebar-listing .project-item:first-item{
	
}

.news-article-detail .newsSideBox,
.video-detail .newsSideBox{
	margin-bottom:20px;
}

.news-article-detail .newsSideBox.video-side-box{
	margin-bottom:20px;
}

#page .pageContent .publicationListItem a{
	color:#000;
}

/* EVENTS */

#eventsHeader {
	height: 450px;
	width: 100%;
	position: absolute;
	display: block;
	background: #6899ae url('/Media/img/headerBG_etchings.png') no-repeat top center;
	background-size: cover;
}

#events {
	z-index: 0;
}

#events h1.title {
	color: #6899ae;
}

#events .timeInfo {
	font-size: 18px;
	padding: 10px 0;
}

.eventListItem {
	background-color: #fff;
	display: block;
	margin: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding: 15px;
	border-top: 1px solid #CAD4D8;
}

.eventListItem .dateBox {
	background-color: #6899ae;
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 30px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.eventListItem .dateBox .dateDay {
	font-size: 35px;
}

.eventListItem .dateBox .dateMonth {
	font-size: 14px;
}

.eventListItem .media-body hr {
	margin: 10px 0;
}

.eventListItem .media-body h3 {
	color: #6899ae;
}

.eventListItem:hover {
	background-color: #E0ECF1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.eventListItem:hover .dateBox {
	background-color: #43758A;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.eventsSideList {
	margin-bottom: 15px;
}

.eventsSideList a.eventListItem {
	margin: 0;
	padding: 10px;
}

.eventsSideList a.eventListItem .dateBox {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	padding: 4px;
}

.eventsSideList a.eventListItem .dateBox .dateDay {
	font-size: 18px;
}

.eventsSideList a.eventListItem .dateBox .dateMonth {
	font-size: 10px;
}

.eventsSideList a.eventListItem .media-body p {
	font-size: 11px;
	margin: 0 0 3px;
}


/* MY ACCOUNT */

#myAccount {
	background-color: #eee;
	padding: 50px 0;
	z-index: 0;
}

#myAccount .pageContainer {
	background-color: #fff;
	padding: 30px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

#myAccount .nav>li>ul>li,
#myAccount .nav>li>ul>li>ul>li {
	list-style: none;
}

#myAccount .nav>li>ul {
	padding-left: 10px;
}

#myAccount .nav>li>ul>li>ul {
	padding-left: 10px;
}

#myAccount .nav>li>ul>li>a,
#myAccount .nav>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8px 12px;
}


/* RESOURCES */

.resourceItems .resourceItem {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
}

.resourceItems .resourceItem:last-child {
	border-bottom: 0;
}

.resourceItems h2:first-child {
	display: block;
	font-size: 14px;
	font-family: helvetica;
	padding: 8px 10px;
	background-color: #eee;
}

.resourceItems h2 {
	display: none;
}

.resourceItem h3 {
	margin-top: 3px;
	font-size: 20px;
}

.resourceItems.myResources .resourceItem {
	margin-bottom: 0;
	border: 0;
	padding-bottom: 15px;
}


/* MAGAZINE */

.magazineSideBox {
	background-color: #fff;
	margin-top: 25px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

.magazineSideBox a {
	padding: 15px;
	display: block;
}

.magazineSideBox a:hover {
	background-color: #F7F7F7;
}

.magazineSideBox a .magCover {
	width: 35%;
	display: block;
	float: left;
}

.magazineSideBox a .magCover img {
	width: 100%;
	height: auto;
	display: block;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
	border: 1px solid #fff;
}

.magazineSideBox a .magInfo {
	width: 65%;
	float: right;
	padding: 15px;
}

.magazineSideBox a .magInfo .badge {
	background-color: transparent;
	color: #888;
	letter-spacing: 1px;
	border-radius: 0;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 10px;
}

.magazineSideBox a .magInfo h3 {
	margin-top: 0;
}

.magazineSideBox a .magInfo p {
	text-transform: uppercase;
	color: #666;
}


/* NEWSLETTER */

.newsletterSideBox {
	background-color: #fff;
	margin-top: 25px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

.newsletterSideBox .titleBar {
	background-color: #9e4c6e;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}


.sidebarBox {
	background-color: #fff;
	margin-top: 25px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.19);
}

.sidebarBox .titleBar {
	background-color: #9e4c6e;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.sidebarBox .box-content{
	background-color:#fff;
	padding:0 15px 15px 15px;
}

.sidebarBox .box-content-nopadding{
	background-color:#fff;
}

.footer-bar {
	border-top:1px solid #ccc;
	background-color: #fff;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.footer-bar a {
    display:inline-block;
    width:60%;
    color:#9e4c6e;
}

.footer-bar a:hover{
	text-decoration: underline;
	color:#000;
}

.footer-bar.single {
	text-align: center;
}

.footer-bar.single a{
	float:none;
}

/* .newsletterSideBox .footer-bar a:first-child {
    float:left;
    padding-left:15px;
} */

/* .newsletterSideBox .footer-bar a:last-child {
    float:right;
    text-align: right;
    padding-right:15px;
} */

.newsletterSideBox .footer-bar a:hover {
    text-decoration: underline;
}


.newsletterSideBox .contents {
	margin: 15px;
	display: block;
}

.newsletterSideBox .contents table tr:first-child td {
	border: none;
}

.newsletterSideBox .contents table tr td:first-child {
	width:20%;
}

.newsletterSideBox a.btn.btn-primary {
	width: 100%;
	background-color: #9e4c6e;
	border-color: #9e4c6e;
}

.newsletterSideBox a.btn.btn-primary:hover {
	background-color: #7c5e77;
	border-color: #7c5e77;
}

.newsletterSideBox.listing-contact-sidebox{
	padding-bottom:1.5em;
}

.newsletterSideBox.listing-contact-sidebox ul{
	list-style:none;
	margin:0 0 0 10px;
	padding-left:0;
}

.news-article-detail .newsletterSideBox.listing-contact-sidebox{
	margin-bottom:2em;
}

/* enewsletter archive page */
.enewsList{
    margin:2em 0;
    padding:0;
    list-style:none;
}

.enewsList li{
    
}

.enewsList li >a{
    display:block;
    padding:15px 10px;
    margin-bottom:15px;
    border-bottom:1px solid #F5EAF3;
    font-size:16px;
}

.enewsList li >a span{
    display:block;
}

.enewsList li >a span:first-child{
    color:#387469;
    font-size:14px;
    margin-bottom:3px;
}

.enewsList li >a:hover{
    background-color:#77a29a;
}

/* PUBLICATIONS */

.publicationsLinks{
	margin-top:2em;
}

.pub-detail-desc{
	margin-bottom:10px;
}

.publicationItem {
	border-bottom: 1px solid #eee;
	padding: 5px 0 10px;
	margin-bottom: 20px;
}

.publicationItem.publication-detail {
	border:0 none;
	padding:0;
	margin-bottom:0;
}

.publicationItem.publication-detail h1{
	font-size:18px;
}

.publicationItem .fileLink {
	margin: 0 10px 0 0
}

.publicationItem .pubTitle {
	margin: 0px;
}

.publicationItem .pubTitle a{
	color:#3A6753;
	font-size:15px;
}

.publicationItem .pubSpecs {
	margin: 4px 0 0 10px;
	font-size: 12px;
}

.publicationItem .pubDescription {
	margin: 4px 0 0 10px;
}

.publicationItem .pubLinks {
	margin: 10px 0 0 10px;
	font-size:13px;
}

.publicationItem .pubLinks .glyphicon{
	font-size:12px;
}

.pub-categories ul{
	list-style: none;
	margin:10px 0 25px 10px;
	padding:0;
}

.pub-categories li{
	margin:0 0 5px 0;
	padding:0;
}


.pub-categories a{
	color:#000;
}

.pub-related-projects a{
	color:#387469;
}
.pub-related-projects a:hover{
	color:#000;
}

.pub-categories a:hover,
.pub-categories li.active a{
	color:#387469;
}

.pub-categories li.active a{
	text-decoration: underline;
}

.publicationListItem{
	margin-bottom:1em;
	border-bottom: 1px solid #eee;
}

.pubTag {
    display: inline-block;
	margin: 5px;
	font-weight: 600;
	color: #9e4c6e;
}

.pubTag::after{
	content: ",";
}

.publicationListItem .pubTag:last-of-type::after{
	content: "";
}

.publicationListItem a{
	width:100%;
	display:block;
	line-height:1.125em;
}

.publicationListItem .pbl{
	color:#333;
	font-size:12px;
}

.publink-list{
	list-style: none;
	margin-left:0;
	padding-left:0;
}

.publink-list li{
	line-height: 1.4em;
	margin-bottom:4px;
}

/* Sidebar */
.mailchimp-subscribe{
	margin-bottom:2em;
}

.news-article-detail .mailchimp-subscribe{
	margin-top:0;
}

.sidebar-form{
	padding:0 1em 1em 1em;
}

/* Pagination */

.pagination {
    width:100%;
	height: 40px;
    margin: 20px 0;
    text-align: center;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin:10px 0;
    padding:0;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul>li {
	display: inline;
	list-style: none;
}

.pagination ul>li>a{
    color:#9e4c6e;
}

.pagination ul>li>a,
.pagination ul>li>span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
	background-color: #f5f5f5;
}

.pagination ul>.active>a,
.pagination ul>li span {
	color: #999;
	cursor: default;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
	color: #999;
	cursor: default;
	background-color: transparent;
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
	border-left-width: 1px;
}

.pagination-centered {
	text-align: center;
}

.pagination li {
	list-style: none;
}

.pagination a,
.pagination span,
.pagination .pag-current {
	background-color: #fff;
	border: 1px solid #ddd;
	border-width: 1px 1px 1px 0;
	float: left;
	line-height: 38px;
	padding: 0 14px;
	text-decoration: none;
}

.pagination li:first-child a,
.pagination li:first-child span,
.pagination .pag-prev,
.pagination li.first-child a,
.pagination li.first-child span,
.pagination .pag-prev {
	border-left-width: 1px;
	border-radius: 0;
}

.pagination-right {
	text-align: right;
}

.pagination-large ul>li>a,
.pagination-large ul>li>span {
	padding: 11px 19px;
	font-size: 17.5px;
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
	padding: 2px 10px;
	font-size: 11.9px;
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
	padding: 0 6px;
	font-size: 10.5px;
}


/* Home slider CSS */

.swiper-container {
	height: 400px;
}

.swiper-container img {
	width: 100%;
}

/* New homepage */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 20px;
}

.latest-tile h2 {
	background-color: #9e4c6e;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.research-areas .section-header input {
	max-width: 200px;
	position: absolute;
	right: 20px;
	top: 8px;
	box-shadow: none;
	border: 0 none;
}


/* New research items */

.research-area-item:hover,
.research-area-item:hover span {
	color: #23527c;
}

.research-area-item:hover img {
	opacity: 0.8;
}

#home-reserach .research-areas .research-area-item{
	margin-bottom:25px;
}

.ra-item-img {
	display: block;
	overflow: hidden;
	background-color: #387469;
	max-height: 240px;
	margin-bottom: 10px;
}

.ra-item-content {}

.ra-item-theme {
	display: block;
	margin-bottom: 2px;
}

.ra-item-title {
	display: block;
	font-size: 16px;
	color: #387469;
}


/* new news items */

.purple-block-item {
	display: block;
	margin-bottom: 30px;
}

.purple-block-item .block-item-img {
	display: block;
	background-color: #9e4c6e;
	max-height: 203px;
	overflow: hidden;
}

.purple-block-item .block-item-img img {
	width: 100%;
	max-width: 100%;
	object-position: center center;
}

.purple-block-item h3 {
	display:block;
	/*height:47px;*/
	line-height:26px;
	overflow: hidden;
	color: #9e4c6e;
	margin-top: 15px;
	font-size: 21px;
}

.purple-block-item .block-item-content{
	display:block;
	height:80px;
	white-space: wrap;
 	overflow: hidden;
  	text-overflow: ellipsis;
}

.purple-block-item:hover img {
	opacity: 0.8;
}


/* basic transition effect object */

.research-areas,
.news-item,
.research-areas *,
.news-item *,
.purple-block-item,
.purple-block-item * {
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}



/* Generic styles */

.section-header {
	padding: 15px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
	position: relative;
}

.section-header h2 {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 1em;
	margin: 0;
}

.green-header {
	background-color: #387469;
}



.page-header-block{
	height: 450px;
	width: 100%;
	position: absolute;
	/* top:108px; */
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: cover;
}

.researchtheme .page-header-block{
	background-size:450px;
	background-position:top right;
}

/*Form Validation*/
.validation-summary-errors{
    margin:10px 0
}

.validation-summary-errors ul{
    list-style:none;
    margin:0;
    padding:0;
}

.validation-summary-errors li{
    color:#d8000c;
}

.form-success,
.form-success p,
.form-success h2,
.form-success h3{
    color:#11a761;
}

/* Video Gallery */
#video-gallery-listing{
	margin-top:2em;
}

.video-item{

}

.video-side-box .titleBar{
	margin-bottom:0;
}

.video-image{
	display:block;
	width:100%;
	height:auto;
	max-height:190px;
	overflow: hidden;
	margin-bottom:5px;
	position: relative;
}

.video-image img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	object-position: center center;
	position: relative;
	left:0; top:0;
	z-index: 1;

}

.video-image:hover img{
	opacity:0.8;

}

.video-image i{
	position: absolute;
	bottom:15px;
	left:15px;
	z-index: 2;
	color:#fff;
	font-size:35px;
	line-height:35px;
}

.video-item{
	height:405px;
}

.video-item-summary{

}

.video-item-summary h3{
	height:auto;
	font-size:22px;
	line-height:1.2em;
}

.video-item-summary h3 a{
	
}

.video-youtube-frame{
	margin-bottom:1em;
}

.video-content{
	padding-top:2em;
	margin-top:2em;
	border-top:1px solid #eee;
}

/*******************/

/** MISC **/
.sidebar-box-padding{
	padding:0 10px 20px 10px;
}

.sidebar-with-backdrop{
	background-color:#fff;
}

.sidebar-margin-top{
	margin-top:1.5em;
}

.sidebar-margin-bottom{
	margin-bottom:1.5em;
}

.no-margin-top{
	margin-top:0 !important;
}

.no-margin-bottom{
	margin-bottom:0 !important;
}

.project-search-box .sidebar-box-padding{
	padding-top:1em;
}

.project-search-box .titleBar{
	margin-top:0;
}


.block-header-green{
	display:block;
	background-color: #387469;
	padding: 6px 10px;
	color: #fff;
	font-size: 18px;
	margin: 40px 0 25px;
}

.block-header-red{
	display:block;
	background-color: #9e4c6e;
	padding: 6px 10px;
	color: #fff;
	font-size: 18px;
	margin: 40px 0 25px;
}

.block-header-blue{
	display:block;
	background-color: #415866;
	padding: 6px 10px;
	color: #fff;
	font-size: 18px;
	margin: 40px 0 25px;
}

.photo-caption {
	font-size: 12px;
	font-style:italic;
}

.pageContent img {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
  
.no-gutters .col,
.no-gutters [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.announcement-bar {
	/* position: absolute;
	top: 0;
	left: 0;
	z-index: 1001; */
	width: 100%;
}

.announcement-bar .announcement {
	padding: 0.5em 2em;
	margin: 0 auto;
	text-align: center;
}

.announcement p {
	margin: 10px 0 10px;
}

/** MEDIA QUERIES **/

@media (min-width: 480px) {
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemName {
		font-size: 14px;
		line-height: 16px;
	}
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemPosition {
		font-size: 11px;
		line-height: 14px;
	}
	.themeThumbsContainer .themeItemText {
		padding: 10px;
	}
}

@media (min-width: 768px) {
	/* body {
		padding-top: 109px;
	} */
	header#header #headerTop {
		display: block;
	}
	header#header a.navbar-brand {
		width: auto;
		padding: 0;
		height: 87px;
	}
	.navbar .navbar-nav {
		display: inline-block;
		float: right;
		vertical-align: top;
		margin-top: 53px;
	}
	.navbar .navbar-collapse {
		text-align: center;
	}
	section#quickLinks .quickLinkItem:hover .quickLinkInfo {
		position: absolute;
		border-bottom: 0;
	}
	section#quickLinks .col-xs-12.col-sm-3 {
		padding: 14px 7px;
	}
	section#infoStrip {
		background-color: #387469;
		color: #FFF;
		padding: 5rem 0 80px;
		background: #387469 url('/Media/img/themeItem01-bg.png') right center no-repeat;
	}
	section#hero {
		height: 30%;
		max-height: 900px;
	}
	.themeThumbsContainer .themeItemText .featureTitle {
		font-size: 24px;
		line-height: 28px;
	}
	.themes {
		margin-top: -80px;
	}
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemName {
		font-size: 16px;
		line-height: 20px;
	}
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemPosition {
		font-size: 12px;
		line-height: 15px;
	}
}

@media (min-width: 991px) {
	header#header a.navbar-brand {
		width: auto;
		padding: 20px;
		height: 107px;
	}
	header#header .nav>li>a {
		padding: 10px 7px 10px 7px;
		font-size: 13px;
	}
	header#header .nav>li>a.socialIcon {
		padding: 30px 10px!important;
		font-size: 20px;
		border: 0;
	}
	.navbar .navbar-nav {
		display: inline-block;
		vertical-align: top;
		margin-top: 67px;
	}
	.themeThumbsContainer .themeItemText .featureTitle {
		font-size: 20px;
		line-height: 24px;
	}
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemName {
		font-size: 18px;
		line-height: 24px;
	}
	#people .pageContent .peopleItem a .peopleItemInfo .peopleItemPosition {
		font-size: 14px;
		line-height: 18px;
	}
}

@media (min-width: 1170px) {
	.navbar .navbar-nav {
		display: inline-block;
		vertical-align: top;
		margin-top: 32px;
	}
	header#header .nav>li>a {
		padding: 15px;
		font-size: 15px;
	}
	section#pageHeader .headerTitle,
	section#fixedHeader .hiddenTitle {
		padding: 150px 0;
	}
	.themeThumbsContainer .themeItemText .featureTitle {
		font-size: 26px;
		line-height: 30px;
	}
	#page {
		background-color: #EEE;
		padding: 30px 0;
		z-index: 0;
	}


}

@media (max-width: 1200px) {
	header#header .nav > li > a {
		padding: 15px 5px;
		font-size: 15px;
	}

	#home-page-banners{
		/* max-height:345px; */
		overflow: hidden;
	}

	.video-item-summary h3{
		height:80px;
	}
	
	.video-item {
		height: 420px;
	}
}


@media (max-width: 980px) {

	.video-image{
		max-height:none;
	}

	.video-item-summary h3{
		height:auto;
	}

	.navbar-header{
		width:auto;
		text-align: center;
		float:left;
	}

	header#header a.navbar-brand{
		display:block;
		width:100%;
		max-width:130px;
		float:left;
	}

	header#header a.navbar-brand img{
		display:block;
		width:100%;
		height:auto;
		max-height: 50px;
	}

	#navbar{
		float:none;
		z-index: 2000;
	}

	header#header .navbar .navbar-nav{
		margin-left:auto; margin-right:auto;
		float:none;
	}

	header#header .nav > li > a {
		padding: 15px 6px;
		font-size: 12px;
	}

	.navbar .navbar-nav{
		margin-top:7px;
	}

	header#header{
		height:58px;
	}

	header#header.bar-active { height: auto; }

	.bar-active .navbar-wrapper {
		margin-top: 10px;
		padding-bottom: 10px;
	}

	.dropdown-menu > li > a {
		white-space: normal;
	}

	#home-page-banners {
		/* margin-top: -51px; */
	}

	#home-reserach .research-areas { margin-top:38px; }

	.ra-item-img,
	.purple-block-item .block-item-img{
		max-height:none;
	}

	.purple-block-item h3,
	.purple-block-item .block-item-content{
		height:auto;
	}

}

@media (max-width: 964px) {
	body {
		/* padding-top: 58px; */
	}

	.page-header-block{
		top:58px;
	}

	#page .pageContent .theme-item a{
		display: block;
		margin-bottom:20px;
	}

	.theme-item h2{
		margin-bottom:0;
	}

	#page .pageContent .theme-item span{
		display:block;
		margin-top:-10px;
	}

	.video-item-summary h3{
		height:auto;
	}
	
	.video-item {
		height: auto;
	}
}

@media (max-width: 900px) {
	#home-page-banners{
		background:none;
	}
}

@media (max-width: 790px) {
	.navbar-toggle{
		position: absolute;
		right:-25px;
		top:4px;
	}

	header#header a.navbar-brand{
		float:left;
		margin-left:0; margin-right:0;
	}

	.navbar-collapse{
		float: none;
		position: relative;
		background: #fff;
		border-bottom:1px solid #ccc;
		width: 100%;


	}

	.nav > li{
		margin-bottom:1px;
	}

	.nav > li.dropdown a{
		background-color:#eee;
		color:#3A6753;

	}
}

@media (max-width: 740px) {

	.navbar-header{
		max-width: none;
	}
	
	header#header a.navbar-brand{
		width:auto;
	}

	#home-page-banners{
		margin-top:10px;
	}

}

@media (max-width: 510px) {

	


}